博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery之滚楼
阅读量:5939 次
发布时间:2019-06-19

本文共 1536 字,大约阅读时间需要 5 分钟。

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

 

转载于:https://www.cnblogs.com/cxd1008/p/6372444.html

你可能感兴趣的文章
剑指offer
查看>>
Velocity魔法堂系列二:VTL语法详解
查看>>
NopCommerce架构分析之八------多语言
查看>>
转:Eclipse自动补全功能轻松设置
查看>>
ES6新特性:Javascript中的Reflect对象
查看>>
hibernate逆向工程生成的实体映射需要修改
查看>>
mysql update操作
查看>>
Robots.txt - 禁止爬虫(转)
查看>>
MySQL数据库
查看>>
项目分析_xxoo-master
查看>>
SQLServer2012自增列值跳跃的问题
查看>>
ViewBag对象的更改
查看>>
Mysql 监视工具
查看>>
hdu1025 Constructing Roads In JGShining&#39;s Kingdom(二分+dp)
查看>>
Android PullToRefreshListView和ViewPager的结合使用
查看>>
禅修笔记——硅谷最受欢迎的情商课
查看>>
struts2入门(搭建环境、配置、示例)
查看>>
Caused by: org.apache.ibatis.reflection.ReflectionException我碰到的情况,原因不唯一
查看>>
linux top命令查看内存及多核CPU的使用讲述【转】
查看>>
Linux下golang开发环境搭建
查看>>