jquery之滚楼

最新推荐文章于 2017-02-04 11:43:34 发布

cxd1008

最新推荐文章于 2017-02-04 11:43:34 发布

阅读量237

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/cxd1008/article/details/54861288

版权

Jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

$(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");
}