js滚轮换切屏

js滚轮换切屏

因为全项目不是自己写的,仅仅是帮别人写js滚轮代码,并且别人项目也还未上线。所以仅仅贴出自己写的那段部分代码,

效果:鼠标滚轮滚动时。网頁屏幕一屏一屏的上下切换

(下面代码在本地电脑的IE,chrome与FireFox这三个浏览器已经測试而且已经成功)

    var sum=0;var oTxt=document.getElementById("txt");var scrollFunc=function(e){var direct=0;var men = $(".menu_m").find(".menu").find("li");men.each(function (j) {if($(this).attr("class")=="m_selected"){sum=j;}});e=e || window.event;if(e.wheelDelta){//IE/Opera/Chromeif(navigator.appName=='Netscape'){// Chorme滚一次有两次的效果,所以加0.5if(e.wheelDelta>0){sum=parseFloat(sum-0.5);}else{sum=parseFloat(sum)+0.5;}}else{if(e.wheelDelta>0)sum=parseFloat(sum-1);elsesum=parseFloat(sum+1);}}else if(e.detail){//Firefox//firefox向上向下的值不和上面的一样,可打印出看看if(e.detail>0)sum=parseFloat(sum+1);elsesum=parseFloat(sum-1);}//sum出来的。以下就是你想做的事情,我这里是写与当前项目有所以相关联的屏目跳转,但记的要加return false; 要不然,在google和ie中时会出现,滚多了var sizes= $(".menu_m").find(".menu").find("li").size();if(sum>=0&&parseFloat(sum)<=parseFloat(sizes)-1){men.each(function (j) {$(this).removeClass("m_selected")});$(".menu_m").find(".menu li:eq("+sum+")").find("span").click();return false;}}
/*注冊事件*/
if(document.addEventListener){document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari

posted on 2017-05-26 08:25 mthoutai 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/mthoutai/p/6906771.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/429256.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(2021|CoRR,AugCLIP,优化)FuseDream:通过改进的 CLIP+GAN 空间优化实现免训练文本到图像生成

FuseDream: Training-Free Text-to-Image Generation with Improved CLIPGAN Space Optimization 公众&#xff1a;EDPJ&#xff08;添加 VX&#xff1a;CV_EDPJ 或直接进 Q 交流群&#xff1a;922230617 获取资料&#xff09; 目录 0. 摘要 1. 简介 2. CLIPGAN 文本到图…

中文邮件营销html模版,怎么制作邮件营销模板?— —邮件格式

怎么制作邮件营销模板&#xff1f;— —邮件格式U-Mail邮件营销平台发表时间 2017-09-21人气 757次做EDM邮件营销&#xff0c;需要有好的邮件群发工具&#xff0c;还要有好的内容&#xff0c;那么如何制作好邮件营销的模板呢&#xff1f;现在U-Mail邮件群发平台根据已有的一些经…

查询数据库中所有表名

查询数据库中所有表名select table_name from information_schema.tables where table_schemacsdb and table_typebase table; 查询指定数据库中指定表的所有字段名column_nameselect column_name from information_schema.columns where table_schemacsdb and table_nameusers…

【默认加入持久化机制,防止消息丢失,v0.0.3】对RabbitMQ.Client进行一下小小的包装,绝对实用方便...

RabbitMQ是一个老牌的非微软的消息队列组件&#xff0c;一般来说应该能满足中小型公司对消息队列生产的需求&#xff0c;平时我们在.NET开发环境下运用它是可能会需要RabbitMQ.Client的SDK库&#xff0c;此库是官网提供&#xff0c;目前最新发布版本是v4.1.3。在我们对接项目时…

angularJS中,怎么阻止事件冒泡

今天有个童鞋问我&#xff0c;ng怎么阻止事件冒泡&#xff0c;我就简单的贴一下代码吧&#xff0c;也不是什么好高大上的问题 转载于:https://www.cnblogs.com/leoshuaige/p/6910646.html

用html编写输出今天是星期几,利用Date对象编写程序,判断并输出今天是开学的第几周,星期几。...

利用Date对象编写程序&#xff0c;判断并输出今天是开学的第几周&#xff0c;星期几。(function(){var startDay new Date(2014,8,1); //根据指定的年月日时分秒设置开学时间为2014/09/01var startMs startDay.getTime();//返回1970年至今的毫秒var startYear startD…

Java中 break continue return 的区别

1、break break :跳出当前循环&#xff1b;但是如果是嵌套循环&#xff0c;则只能跳出当前的这一层循环&#xff0c;只有逐层break才能跳出所有循环&#xff1b; for (int i 0; i < 10; i) { if (i 6) { break; // 在执行i6时强制终止循环&#xff0c;i6不会被执行 }Sy…

用计算机画好看的图形,如何画一手漂亮的电脑效果图?技巧案例赏析!

原标题&#xff1a;如何画一手漂亮的电脑效果图&#xff1f;技巧&案例赏析&#xff01;电脑效果图是什么&#xff1f;很显然&#xff0c;用电脑去绘制设计师的想法。当然&#xff01;所有的设计意图&#xff0c;最终都是为了更准确的成衣。那么&#xff0c;能精准的表达出想…

朝花夕拾——finally/final/finalize拨云雾见青天

Java编程中。常常会使用到异常处理&#xff0c;而finally看似的是try/catch后对逻辑处理的完好&#xff0c;事实上里面却存在非常多隐晦的陷阱。final常见于变量修饰&#xff0c;那么你在内部类中也见过吧。finalize作为GC回收对象前的一道门&#xff0c;什么时候运行。运行效果…

Java读源代码学设计模式:适配器Adapter

适配器模式相关源代码&#xff1a;slf4j-1.6.1、hibernate-3.6.7大家都知道。log4j是一个广泛使用的日志工具&#xff0c;除此之外。sun公司在JDK中也有自己的日志工具&#xff0c;也就是java.util.logging.Logger。当然还有其它一些日志工具。多种日志工具功能和使用方式相似&…

适合文科女孩子学的计算机类专业,文科女生最吃香的专业2021 哪些专业有前景...

文科女生最吃香的专业2021 哪些专业有前景2021-03-27 14:36:27文/丁雪竹文科女生可以报考的专业并不是很多&#xff0c;小编整理了文科女生吃香的专业&#xff0c;来看一下&#xff01;文科女生最吃香的专业网络与新媒体这个专业是近几年流行起来的新兴专业&#xff0c;需求量还…

系统搭建遇到问题3:Ubuntu问题造成网卡名称异常导致Vivado绑定网卡地址的Lic无法正常工作(JESD)...

解决方法参考&#xff1a; ubuntu平台vivado无法识别NIC_ID而无法使用license的解决办法 http://blog.csdn.net/cirs_q/article/details/60574030转载于:https://www.cnblogs.com/abolide/p/6920397.html

中职计算机基础知识总结,中职计算机基础知识整理

中职计算机基础知识整理计算机基础知识(初稿2011/10/5)1、计算机发展简史第一代(1946-1957年)电子管第二代(1958-1964年)晶体管第三代(1964-1970年)中、小规模集成电路第四代(1971年至今)大规模和超大规模集成电路2、我国计算机发展我国电子计算机研究工作起步于1956年1958年试…

多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...

在 Vue SPA 应用中&#xff0c;如果想要修改 HTML 的头部标签&#xff0c;如页面的 title &#xff0c;我们只能去修改 index.html 模板文件&#xff0c;但是这个是全局的修改&#xff0c;如何为每个页面都设置不一样的 title 呢&#xff1f;下面介绍两种方法。使用router.Meta…

Ubuntu16.04下Mongodb官网安装部署步骤(图文详解)(博主推荐)

不多说&#xff0c;直接上干货&#xff01; 在这篇博客里&#xff0c;我采用了非官网的安装步骤&#xff0c;来进行安装。走了弯路&#xff0c;同时&#xff0c;也是不建议。因为在大数据领域和实际生产里&#xff0c;还是要走正规的为好。 Ubuntu16.04下Mongodb&#xff08;离…

甘肃政法学院计算机科学与技术试题,甘肃政法学院计算机科学与技术专业课程教学大纲.doc...

甘肃政法学院计算机科学与技术专业课程教学大纲甘肃政法学院计算机科学与技术专业课程教学大纲数字逻辑与分析一、说明(一)课程性质(三)教学内容1&#xff0e;了解数字电路和脉冲电路的概念。2&#xff0e;TTL门电路、CMOS两类集成门电路的外部特性&#xff1a;逻辑功能、电器特…

我确实不知道如何使用计算机的英文,用英语介绍我的电脑

篇一&#xff1a;电脑 ComputerComputer is a very useful machine. Some of them are big, but some of them are very small .Many people like playing computer. Computer has many functions, so that people can do a lot of things by computer, like watching movies, …

第二阶段个人工作总结04

昨天做了什么&#xff1f; 优化评论页面。 今天准备做什么&#xff1f; 对点赞修改。 遇到什么困难&#xff1f; 无。转载于:https://www.cnblogs.com/fylove/p/6979899.html

uva 11971 Polygon

https://vjudge.net/problem/UVA-11971 有一根长度为n的木条&#xff0c;随机选k个位置把它们切成k1段小木条。求这些小木条能组成一个多边形的概率。 将木条看做一个圆&#xff0c;线上切k刀等价于圆上切k1刀 如果能组成多边形&#xff0c;每一段木条的长度都要<圆周长/2 反…

计算机修改文字试题,计算机文字处理试题.doc

计算机文字处理试题文字处理单选题1、Word文档文件的扩展名是______。A&#xff1a;txtB&#xff1a;docC&#xff1a;batD&#xff1a;dat答案&#xff1a;B2、Word程序启动后就自动打开一个文档&#xff0c;其文档名为______。A&#xff1a;文档1B&#xff1a;文档0C&#xf…