- 浏览: 4907426 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (743)
- JAVA (44)
- JAVA 乔乐共享 (145)
- js (132)
- database (26)
- jQuery (46)
- velocity (16)
- Ubuntu (14)
- Grails (2)
- Groovy (6)
- xml (2)
- Spring (11)
- mysql (24)
- sqlserver (6)
- oracle (9)
- cmd (8)
- CSS (17)
- Linux (2)
- sqlite (4)
- php (11)
- json (2)
- laravel (2)
- html (3)
- 闲聊 (3)
- git (13)
- nodejs (25)
- angularjs (17)
- npm (8)
- bootstrap (4)
- mongodb (5)
- React (32)
- Crack (7)
- b (0)
- ES6 (2)
- webpack (3)
- Babel (1)
- Koa (1)
最新评论
-
taoshengyijiuzt:
感谢大佬!!!
JetBrains最新激活服务器(长期更新ing) -
masuweng:
激活码可以用
JetBrains最新激活服务器(长期更新ing) -
dusdong:
都失效了
JetBrains最新激活服务器(长期更新ing) -
追风筝的孩纸Zz:
dddddddddddddddd
js获取网页屏幕可见区域高度 -
自己811005:
88350bcf69dcfbda7f8a76a589d9054 ...
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.wheelDelta) { /* IE/Opera. */ delta = event.wheelDelta / 120; } else if (event.detail) { /** Mozilla case. */ /** In Mozilla, sign of delta is different than in IE. * Also, delta is multiple of 3. */ delta = -event.detail / 3; } /** If delta is nonzero, handle it. * Basically, delta is now positive if wheel was scrolled up, * and negative, if wheel was scrolled down. */ if (delta) handle(delta); /** Prevent default actions caused by mouse wheel. * That might be ugly, but we handle scrolls somehow * anyway, so don't bother here.. */ if (event.preventDefault) event.preventDefault(); event.returnValue = false; } /** Initialization code. * If you use your own event management code, change it as required. */ if (window.addEventListener) { /** DOMMouseScroll is for mozilla. */ window.addEventListener('DOMMouseScroll', wheel, false); } /** IE/Opera. */ window.onmousewheel = document.onmousewheel = wheel; /** This is high-level function. * It must react to delta being more/less than zero. */ var handle = function(delta) { var random_num = Math.floor((Math.random() * 100) + 50); if (delta < 0) { // alert("鼠标滑轮向下滚动:" + delta + "次!"); // 1 $("btn_next_pic").onclick(random_num); return; } else { // alert("鼠标滑轮向上滚动:" + delta + "次!"); // -1 $("btn_last_pic").onclick(random_num); return; } }
评论
3 楼
kt431128
2013-11-01
兄台,滚轮滚动一定的距离触发一个事件,怎么搞?
2 楼
qiaolevip
2013-01-07
qq_ji寞 写道
支持谷歌么
支持啊,纯js的,对opera支持不是很好,鼠标滚动的时候相当于两下。
1 楼
qq_ji寞
2012-12-11
支持谷歌么
发表评论
-
ESLint: elements with click handlers must have at least one keyboard listener.
2018-11-13 15:57 17829ESLint: Visible, non-interact ... -
Fetch API Error: Body not allowed for GET or HEAD requests with UUID
2018-10-24 11:51 2120报错说明: bog.js:35 [ERROR] [201 ... -
JSEncrypt encrypt return false排查并解决
2018-04-11 13:41 110572018-04-11写道 今天测试环境JSEncrypt ... -
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tai
2018-04-10 10:58 8920Js Canvas画图加载远程连接报错: Uncaugh ... -
Canvas教程:拼图,组合图像,画圆形图像,添加二维码logo,添加文字
2018-03-30 16:15 42331,创建canvas对象 // method 1 ... -
前端跨域::The 'Access-Control-Allow-Origin' header contains multiple values *
2018-01-08 17:06 0报错信息:3000为本地服务器端口号 The 'Acces ... -
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
2017-08-23 10:53 101104跨域报错信息: Fetch API cannot loa ... -
Js正则一行隐藏手机号mask phone number
2017-08-17 15:08 3090// 隐藏手机号中间4为: '18812345678'.r ... -
Js / React 循环数据表格一行多列的情况
2017-08-10 19:26 3760最终呈现效果: 数据结构: const hfA ... -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
2017-04-20 10:48 1906事件:百度地图异步批量创建marker,单击单个marker ... -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
2017-04-20 10:52 2065事件:百度地图异步批量创建marker,单击单个marker ... -
React&Js实现无刷新搜索后隐藏键盘[兼容IOS&Android]
2016-10-28 14:23 1294搜索框效果: React Html: < ... -
使用localStorage实现历史记录搜索功能
2016-09-19 19:04 12801搜索功能在商品很多的时候尤为重要,那为什么要历史记录呢,是 ... -
Web SQL初体验之新手指导(全功能解析)
2016-08-17 17:23 11321。创建并打开数据库 var db = window.o ... -
原生JS 循环Nodelist Dom列表的4种方式
2016-07-07 17:18 6167function $(id) { return do ... -
js 倒计时日期对比函数的实现,兼容Android和iOS
2016-06-29 17:30 2439function downTime(date) { ... -
IOS 字符串转日期格式化踩过的坑
2016-06-29 17:25 2800// 正常主流浏览器支持的日期格式化函数如下: ... -
前端开发手机内置浏览器(含js函数)兼容性汇总之那些踩过的坑
2016-06-20 12:53 9797这里会汇总一些移动 ... -
doT js模板引擎 使用自定义函数进行渲染的两种方法
2016-05-12 14:05 4598doT模板是一款js渲染模板引擎,速度快,文件小,渲染效果 ... -
js post x-www-form-urlencoded、form-url数据,Nodejs获取x-www-form-urlencoded数据
2016-04-05 16:13 65251、post数据结构: Form Data: ty ...
相关推荐
本文将深入探讨如何在不同的浏览器环境中绑定鼠标的滑轮滚动事件,并提供一个兼容主流浏览器的简单实例。 首先,我们需要理解鼠标滚轮事件的基本概念。在JavaScript中,这个事件通常分为两种类型:`onmousewheel`...
滑轮滚动页面的事件在网页特效中进场遇到,但是在不同浏览器下的实现方式又不同。下面我实现的方法,兼容常见浏览器。 function getData(event){ var e = event || window.event; //获取滚动距离(FF每次滚动 data为...
标题"大图jQuery多屏首页焦点图代码,兼容主流浏览器"涉及到的是一个前端开发技术问题,特别是网站首页面设计。焦点图,也称为轮播图或幻灯片,是一种常见的网页元素,用于展示一组图片或内容,并在用户交互下自动或...
例如,使用`addEventListener`和`attachEvent`分别处理现代浏览器和旧版IE的事件绑定,以及使用CSS前缀解决样式兼容问题。 在压缩包内的"使用须知.txt"文件中,可能会包含关于如何引入和使用这些JS代码的指导。通常...
这些JS代码可能包含事件监听器,用于检测鼠标悬停事件,以及相应的CSS样式和JavaScript函数来触发和控制动画。事件处理函数中可能会有定时器或者requestAnimationFrame来控制动画的帧率和流畅性。 4. **优化技巧**...
本项目利用jQuery库和Lightbox插件,实现了鼠标滚动浏览相册、点击图片放大显示以及通过左右方向键翻页的功能,且兼容主流浏览器,提升了用户体验。下面我们将详细探讨这一实现过程。 ### jQuery简介 jQuery是一个...
为了兼容主流浏览器,开发者需要注意JavaScript代码的跨浏览器兼容性。虽然现在大部分现代浏览器都支持ECMAScript 5及以上版本,但考虑到老版本的IE或其他非主流浏览器,可能需要使用polyfill或特定的代码适配策略。...
而“拉开帷幕的jquery代码,兼容主流浏览器”很可能是实现特定功能的JavaScript文件,包含了实现“拉开帷幕”效果的逻辑代码。 为了更好地理解和使用这段代码,我们需要查看`readme.md`中的详细说明,了解具体实现...
本项目名为“js箭头动画风车式过渡的满屏焦点图,兼容主流浏览器”,它利用JavaScript语言,特别是ECMAScript的特性,实现了具有箭头动画效果的风车式过渡效果,适用于全屏场景。下面将详细探讨这个项目所涉及的知识...
3. **兼容主流浏览器**:为了保证代码在多种浏览器上正常工作,开发者需要考虑不同的浏览器对CSS、JavaScript的支持程度。通常,会使用现代浏览器的特性,同时通过polyfill或条件注释来支持老版本的IE。此外,jQuery...
4. **兼容性处理**:考虑到不同的浏览器可能对CSS3、JavaScript等支持程度不同,项目中可能包含了特定的浏览器检测和polyfill,以确保在IE、Firefox、Chrome、Safari等主流浏览器上的正常运行。 在实际应用这个代码...
由于不同浏览器对XMLHttpRequest对象的支持程度不同,我们需要编写兼容代码来确保在所有主流浏览器(如IE、Firefox、Chrome、Safari等)中都能正常工作。以下是一些常见的兼容性问题及解决方案: #### 2.1 创建...
在这个项目中,“jQuery带语音右侧悬浮在线客服兼容主流浏览器”意味着它利用jQuery构建了一个可以悬浮在页面右侧的在线客服系统,这个系统支持语音交流,同时兼容各种主流的Web浏览器,如Chrome、Firefox、Safari、...
在前端开发中,jQuery是一...通过合理的DOM选择、事件绑定以及动画效果,我们可以实现一个既美观又兼容主流浏览器的菜单栏。在实际开发中,还需要考虑浏览器兼容性和用户体验优化,确保在各种环境下都能有良好的表现。
本项目是基于jQuery库构建的云端桌面大屏焦点图,旨在提供一种高效、美观且兼容主流浏览器的解决方案。 ### jQuery简介 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。...
本文将深入探讨如何使用jQuery实现一个分页功能,该功能支持通过键盘左右键翻页,并且在鼠标悬停在数字键上时有动画效果,同时兼容主流浏览器。 1. **jQuery分页基础** 分页是网页数据展示中常见的需求,特别是在...
本知识点主要探讨的是如何使用jQuery实现一个简洁且兼容主流浏览器的全屏banner图片切换效果。 首先,我们需要了解jQuery的基本用法。jQuery通过"$"符号来引用,它是一个函数,可以用来选择页面中的元素。例如,`$...
"一款兼容主流浏览器的基于 jQuery 的图片切换组件",这个标题揭示了我们要讨论的主题是一款专为图片展示设计的JavaScript组件。它基于jQuery库,这意味着它利用了jQuery的强大功能,如DOM操作、事件处理和动画效果...