国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery仿百度經(jīng)驗滑動切換瀏覽效果

2019-11-20 12:40:38
字體:
供稿:網(wǎng)友

jquery仿百度經(jīng)驗滑動切換瀏覽效果

$(function() {  wordStrong();  $("#content ul").width($("#content ul li:first").width()*$("#content ul li").length);  $("#header .top_right .vote").hover(function() {    $(this).children(".hover-tip").css("display", "block");    $(this).children(".num").css("display", "none");    }, function() {    $(this).children(".hover-tip").css("display", "none");    $(this).children(".num").css("display", "block");    });        $("#content .left, #content .right").width(($(document).width()-$("#content").width())/4);  $("#content .left").css("left", -$("#content .left").width());  $("#content .right").css("right", -$("#content .right").width());     var showId = 0;  $("#content span.left").hover(function() {    if ( checkFirst() ) return ;    $(this).css("cursor", "pointer");    $(this).siblings(".sl").stop().animate({      opacity:0.5     });   }, function() {    $(this).siblings(".sl").stop().animate({      opacity:0    });   }).click(function() {    if ( checkFirst() ) return ;    showId --;    $("#content").attr("showId", showId);    $("#footer li").children().removeClass("active").end().children().eq(showId).addClass("active");    center(showId);  });     $("#content span.right").hover(function() {    if ( checkLast() ) return ;    $(this).css("cursor", "pointer");    $(this).siblings(".sr").stop().animate({      opacity:0.5    });   }, function() {    $(this).siblings(".sr").stop().animate({      opacity:0    });   }).click(function() {    if ( checkLast() ) return ;      showId ++;       $("#content").attr("showId", showId);    $("#footer li").children().removeClass("active").end().children().eq(showId).addClass("active");    center(showId);   });     function checkFirst() {    if ( $("#content").attr("showId") == 0 ) {      $("#content span.left").css("cursor", "default");      return true;        }    return false;  }     function checkLast() {    if ( $("#content").attr("showId") == $("#content ul li").length-1 ) {      $("#content span.right").css("cursor", "default");      return true;        }    return false;    }       /* 首字母大寫 */  function wordStrong() {    var liList = $("#content ul li");    for (var j = 0; j < liList.length; j ++) {      var pList = $("#content .cont_"+(j+1)+" .cont_word p");      for (var i = 0; i < pList.length; i ++) {        var p = pList.get(i);        var pCont = $(p).html();            var s = $("<b>"+(i+1)+"</b>");        s.css("font-size", "24px");           $(p).html('');        s.appendTo(p);        $(p).append(pCont.substring(1));          }    }  }       center(0);     //相對li居中  function center(liIndex) {    var li = $("#content ul li").css("opacity", 0.3).eq(liIndex).css("opacity", 1);    $("#content ul").animate({      left: (-li.width()*liIndex)    });  }     var footLen = $("#content ul li").length;  var foots = $("#footer ul");  for (var i = 1; i < footLen-1; i ++) {    var childA = $("<a>").html(i);    childA.attr("href", "#");    $("<li>").append(childA).insertBefore(foots.children("[step=last]")).attr("step", i);     }  foots.children(":last").attr("step", footLen-1);  foots.css("left", ($(window).width()-foots.width())/2);   $("#footer li").click(function() {    $("#footer ul li").children().removeClass("active");    $(this).children().addClass("active");    center($(this).attr("step"));  });     function myAddEvent(obj, e, fn) {    if ( obj.attachEvent ) {      obj.attachEvent('on'+e, fn);    }else obj.addEventListener(e, fn, false);  }     function onMouseWheel(ev) {     var ev = ev||event;       //IE    //wheelDelta  下滾:負, 上滾:下    //alert(oEvent.wheelDelta);    //FF    //detail:  下滾:正, 上滾: 負    //alert(oEvent.detail)       var bDown = true;    if ( ev.wheelDelta ) {      bDown = ev.wheelDelta<0;    }else {      bDown = ev.detail>0;    }        if ( !bDown ) {      if ( checkFirst() ) return ;      showId --;         }    else {      if ( checkLast() ) return ;      showId ++;         }    $("#content").attr("showId", showId);    $("#footer ul li").children().removeClass("active").end().eq(showId).children().addClass("active");    center(showId);    if ( oEvent.preventDefault ) {      oEvent.preventDefault();    }    return false;  }     myAddEvent(window, 'mousewheel', onMouseWheel);  myAddEvent(window, 'DOMMouseScroll', onMouseWheel);});

以上所述就是本文給大家介紹的全部內(nèi)容了,希望大家能夠喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 浦县| 积石山| 中阳县| 汤原县| 鄂温| 宜宾县| 靖州| 白沙| 即墨市| 岑溪市| 绍兴县| 云安县| 巴青县| 石楼县| 海伦市| 泰宁县| 连州市| 化隆| 宽甸| 漳州市| 康马县| 乐东| 红原县| 永平县| 家居| 界首市| 扎赉特旗| 通化县| 万年县| 延庆县| 南昌市| 霍山县| 林甸县| 潞西市| 喜德县| 中牟县| 都江堰市| 定州市| 济宁市| 桃江县| 灯塔市|