/** 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;
}
}
- 浏览: 37262 次
- 性别:
- 来自: 北京
最新评论
-
一湖碧波:
very good
级联菜单,省市级联菜单
相关推荐
jQuery鼠标滚动事件动画 jQuery鼠标滚动事件动画宣传页面.zip
57、Jquery鼠标滚动事件动画
jquery监听鼠标滚轮事件+js监听滚轮事件, 两个例子,都可以通过! 目前已测试 ie8 火狐,360
比较好用的perfect scrollbar jQuery鼠标滚轮滚动事件
jQuery鼠标滚动手风琴 jQuery鼠标滚动手风琴代码下载.zip
jQuery鼠标滚动事件动画是一款点击网站导航或者滑动鼠标之后网站,整个body开始沿着设定好的路径旋转,很酷的效果。
jquery鼠标滚动全屏页面滚动切换效果 jquery鼠标滚动全屏页面滚动切换效果
jQuery支持鼠标滚动的时间轴页面,引入时间轴插件、鼠标滚动插件mousewheel和动画插件jquery.easing.js
jquery鼠标滚动列表切换代码是一款文字列表鼠标滚动左右滑动切换显示文字列表效果代码。
jquery鼠标滚轮事件支持插件,直接引用即可使用的哦
JQuery鼠标滚动隐藏顶部标题是一款当页面向下拉的时候,顶部标题自动隐藏特效。
jQuery鼠标滚动全屏切换预览特效 j
jQuery鼠标滚动条到页面底部浮动层滑动弹出信息 jQuery鼠标滚动条到页面底部浮动层滑动弹出信息
jQuery鼠标滚动图片是一款支持鼠标滚轮滚动的纵向图片切换效果。
jQuery鼠标滚动页面图片延迟加载代码
jQuery鼠标滚动控制全屏页面滚动是一款基于pageswitch插件实现的全屏页面滚动切换效果代码。
jQuery鼠标滚动设置input值代码是一款鼠标滚轮滚动可自由调节数字的jquery.mousewheel插件。
jQuery鼠标滚动缩放效果代码是一款WeBank微众银行页面特效代码。
jQuery鼠标滚动全屏3D翻转动画切换代码是一款带有索引按钮,支持鼠标滚轮滚动切换特效,还带有文字动画效果。