首页 > 网站 > WEB开发 > 正文

jquery之滚楼

2024-04-27 15:04:26
字体:
来源:转载
供稿:网友

$(function () {    $(" #ul1 li").hover(function () {        $(this).addClass("lihover");    }, function () {        $(this).removeClass("lihover");    });    $(".divbody").mousewheel(function (event, delta, deltaX, deltaY) {        //document.title = "delta=" + delta + "deltaX=" + deltaX + "deltaY=" + deltaY;        //console.log(delta, deltaX, deltaY);        //向上                if (delta > 0) {            //console.log("向上");            iIndex = iIndex - 1;            if (iIndex <= 0) {                iIndex = 1;            }            document.title = iIndex;            liclick(iIndex);        }        //向下        if (delta < 0) {            //console.log("向下");            iIndex = iIndex + 1;            if (iIndex >= 10) {                iIndex = 10;            }            document.title = iIndex;            liclick(iIndex);        }    });});var iIndex = 0;function liclick(vindex) {    iIndex = vindex;    $("#ul1 li").eq(vindex - 1).addClass("liActive");    $("#ul1 li").eq(vindex - 1).siblings("#ul1 li").removeClass("liActive");    $("body,html").stop(true, true);    var vtop = $("#divLayer" + vindex).offset().top;    //-------------------图片加载完成之后转动-----------------------    $("body,html").animate({ "scrollTop": vtop - 51 }, 500, function () {        $("img").eq(vindex - 1).addClass("img1");    });    if ($("img").eq(vindex - 1).hasClass("img1")) {        $("img").eq(vindex - 1).removeClass("img1");    }    //$("img").eq(vindex - 1).removeClass("img1");}


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表