- 浏览: 39544 次
- 性别:
- 来自: 北京
最新评论
鼠标滚轴事件
2009/12/30 11:13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标滚轴事件 -- 关关</title>
</head>
<body>
<div id="iconButton1">dsfsdfsdfsdfsdf</div>
<script type="text/javascript" src="http://demos111.mootools.net/demos/mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var up = $('up'), down = $('down'), log;
[up, down].each(function(arrow) {
arrow.setStyle('opacity', .1);
});
document.addEvent('mousewheel', function(event) {
event = new Event(event);
/* Mousewheel UP */
if (event.wheel > 0) {
up.setStyle('opacity', 1);
down.setStyle('opacity', .1);
log = 'up';
}
/* Mousewheel DOWN*/
else if (event.wheel < 0) {
up.setStyle('opacity', .1);
down.setStyle('opacity', 1);
log = 'down';
}
//$('log').setHTML(log);
var cls = function() {
[up, down].each(function(arrow) {
arrow.setStyle('opacity', .1);
});
}.delay(100);
});
});
</script>
<div id="wheel">
<div id="up"><img width="41" height="43" alt="UP" src="http://demos111.mootools.net/demos/Mousewheel/up.gif"/></div>
<div id="down"><img width="41" height="43" alt="DOWN" src="http://demos111.mootools.net/demos/Mousewheel/down.gif"/></div>
</div>
</body>
</html>
2009/12/30 11:13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标滚轴事件 -- 关关</title>
</head>
<body>
<div id="iconButton1">dsfsdfsdfsdfsdf</div>
<script type="text/javascript" src="http://demos111.mootools.net/demos/mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var up = $('up'), down = $('down'), log;
[up, down].each(function(arrow) {
arrow.setStyle('opacity', .1);
});
document.addEvent('mousewheel', function(event) {
event = new Event(event);
/* Mousewheel UP */
if (event.wheel > 0) {
up.setStyle('opacity', 1);
down.setStyle('opacity', .1);
log = 'up';
}
/* Mousewheel DOWN*/
else if (event.wheel < 0) {
up.setStyle('opacity', .1);
down.setStyle('opacity', 1);
log = 'down';
}
//$('log').setHTML(log);
var cls = function() {
[up, down].each(function(arrow) {
arrow.setStyle('opacity', .1);
});
}.delay(100);
});
});
</script>
<div id="wheel">
<div id="up"><img width="41" height="43" alt="UP" src="http://demos111.mootools.net/demos/Mousewheel/up.gif"/></div>
<div id="down"><img width="41" height="43" alt="DOWN" src="http://demos111.mootools.net/demos/Mousewheel/down.gif"/></div>
</div>
</body>
</html>
发表评论
-
jquery 下拉菜单
2015-05-08 14:53 601http://sc.chinaz.com/jiaoben/ca ... -
JSP 页面缓存以及清除缓存
2015-01-16 16:15 691JSP 页面缓存以及清除 ... -
ie 浏览器
2013-10-23 16:53 560<!--[if IE]>….<![end ... -
CSS强制文本不换行
2013-09-05 13:14 899在一个规定宽度大小的u ... -
判断浏览器
2013-04-17 11:15 594下面整理的是一套判断方法: function getExplo ... -
JS刷新父窗口的几种方式
2013-01-29 10:40 718JS刷新父窗口的几种方式 浮层内嵌iframe及frame集合 ... -
Javascript 异步加载详解
2012-11-16 10:23 588Javascript 异步加载详解 本文总结一下浏览器在 ja ... -
js map
2012-08-10 08:52 838<mce:script type="text/ ... -
js 全角半角
2012-08-10 08:53 863一、用JS把全角转换成半角(不能转换标点符号) <in ... -
毫秒值转换日期格式
2012-05-11 09:03 1127var oldTime = (new Date("2 ... -
键盘按键编码
2011-12-05 11:01 2402<html> <head> </ ... -
火狐 插件安装路径
2011-11-03 17:33 960C:\Documents and Settings\用户名\A ... -
ajax传递中文参数乱码.txt
2011-11-03 17:30 2577最近在开发中碰到ajax传递中文参数乱码的问题,弄了很久才搞定 ... -
如何让鼠标指针变成一个小手状
2011-09-18 10:46 3519JavaScript中onmouseover时如何让鼠标指针变 ... -
正则表达式
2011-09-13 13:37 676整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2} ... -
jquery 城市选择
2011-05-20 11:22 1657jquery 城市选择 -
jquery 解析 xml
2011-05-02 15:43 828<html xmlns="http://www ... -
按下回车事件
2011-01-18 10:27 937//按下回车事件 <body onKeyDown = ... -
jquery 选择器用法大全
2011-01-18 10:11 764附件中。jquery 选择器用法大全.rar -
js 判断浏览器
2011-01-17 13:20 871在网站前端开发中,浏览器兼容性问题本已让我们手忙 ...
相关推荐
Silverlight 鼠标滚轮事件,大家参考下吧!
openlayers如何启用和禁用鼠标滚轮事件。
glut最新版本支持鼠标滚轴 写作业实现鼠标滚轴,找了好久
可以实现VB程序,使用鼠标滚轴。更好的实现鼠标的滚动功能
VB6.0代码窗口鼠标滚轴插件,vbMouseWheeler
使用方法:先打开压缩包,在打开里面的软件,选一个路径,出现对话框后关闭程序。然后打开VB,选工程——>引用,然后点浏览,选择你刚才的目录——>VB6IDEMouseWheelAddin.dll然后关闭引用窗口,点外接程序——>外接...
主要介绍了鼠标滚轴控制文本框值的JS代码,有需要的朋友可以参考一下
这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。 不同浏览器不同的事件 首先,不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和...
以前看到的都是用IE的zoom,所以非IE就不支持,昨天看到这个js中鼠标滚轮事件详解 ,于是完全兼容(IE6-8,FF,Chrome,Opera,Safari)的鼠标滚轴缩放图片效果今天就诞生了
电子政务-带按摩滚轴的电脑鼠标.zip
这是一个unity3D一个鼠标控制自由...实现的是鼠标左键拖拽使得屏幕看到的场景旋转,鼠标滚轴滑动就拉近拉远场景,鼠标滚轴按下滑动就是上下左右移动屏幕看到的场景。导入到unity3D你得项目中,把他绑定到camera即可。
鼠标滚轮控制文本框输入效果Javscript代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
DevExpress中XtraScrollableControl随鼠标滚轮操作滚动条
此工具支持用友系列财务软件使用滚轮鼠标上下拖动报表。
苹果鼠标for win10驱动,完美解决苹果鼠标在WIN10中滚轴的使用
让VB应用程序支持鼠标滚轮,教程你如何自由的在VB中运用鼠标.
在Visual Basic 6.0环境中使用鼠标滚轮的方法
1,程序功能是使用不常用的鼠标的中键(即按下滚轴键)达到关闭鼠标所在窗口的目的 2,直接运行程序即可 3,程序运行后成为系统的托盘,在任务栏的右下角 4,可以建立该exe的快捷方式到桌面 5,如果想系统启动之后就运行...