2 nevermore van Nevermore_Van 于 2016.03.15 00:11 提问

html页面如何根据鼠标滑轮滚动实现透明度的渐变

我想实现鼠标向下滚动透明度由高变低,向上滚动透明度由低变高的效果,停止滚动则停止变化,望各位大神不吝贴码!

3个回答

qq_34292173
qq_34292173   2016.03.15 00:20

因为无法直接获取和改变透明度的值,可以把透明度值赋给一个变量,让变量变化,最后把变量的值再赋给元素的透明值。然后判断目标值和目前透明值,来判定是正向速度还是负向速度。如果透明值达到目标值,关掉定时器,否则透明值继续变化。最后把值赋给元素,因为透明度有兼容问题,所以要写上两个写法。根据这个思路走吧。

showbo
showbo   Ds   Rxr 2016.03.15 11:35

不懂你要问什么,那个对象的透明度?透明用opacity滤镜,鼠标滚动方向看这个:javascript鼠标滚轮滚动事件

qq_21792169
qq_21792169   2016.03.15 10:55

定义一个变量,来表示颜色,定义input触发事件,有没有鼠标触发,好像HTML目前不支持

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
java控制鼠标滑轮的滚动速度来滚动滚动面板和鼠标滑轮滚动事件
//虽然比较短,但还是分享下吧。。。。就当是个随笔吧~//设置滚动面板的滚动速度JScrollPane.getVerticalScrollBar().setUnitIncrement(10); //鼠标滑轮滚动事件 this.btn.addMouseWheelListener(new MouseWheelListener() { @Override public void mouse
鼠标滑轮滚动事件
鼠标滑轮滚动事件
关于鼠标滚动滑轮事件
总结一下滑动鼠标滚轮,可以左右切换图片。在网上找的资料,自己进行修改逻辑,完成。    var scrollFunc = function (e) {         var direct = 0;         e = e || window.event;         if (e.wheelDelta) {  //判断浏览器IE,谷歌滑轮事件    
鼠标滑轮控制Div水平滚动
滑轮控制Div水平滚动
html 中 鼠标滑轮实现横向滚动
之前看到一个网页,有鼠标滚轮滚动时实现了横向的滚动效果,觉得有意思,就试了试 HTML和CSS代码 img{ height:200px; } #scrollDiv{ display: inline-block; float: left; overflow-x: auto; white-space:nowrap; }
ScrollView滑动实现标题栏透明度随之渐变
我们在使用Scroview滑动的过程中有可能需要通过测量滑动了多少来动态修改某个空间的颜色 实现效果如图所示 期初状态栏颜色为透明色,随着Scroview向下互动的过程中状态栏的颜色随之慢慢变成白色 最后当Scroview滑动到第一个view的高度的时候完全变成白色 此时状态栏已经完全变成白色 想要实现这个效果 首先需要两个view    :一个是标题栏为
如何屏蔽掉comboBox的鼠标滑轮
  class myCombo : ComboBox    {        protected override void WndProc(ref Message m)        {            int WM_MOUSEWHEEL = 0x020A;            if (m.Msg == WM_MOUSEWHEEL)                ;           
js判断鼠标滑轮滚动方向并根据滚动的方向触发不同的事件
var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时
更改Windows鼠标滑轮滚动方向
经常在Mac和Windows PC切换的人往往会遇到这样一个问题,那就是鼠标滑轮的方向恰好相反。改变Mac的鼠标滑轮滚动方向很简单,系统偏好设置—鼠标—滚动方向,把“自然”的对勾勾掉就好了。 那么,这里的意思就是Mac本身的滚动方式是自然的咯!不过习惯了之后确实觉得Mac上的滚动方式自然,为了保持同样的滚动方式,下面我们更改Windows下的滚动方式。 我们首先需要知道鼠标设备的实例路径,计
js 滑动鼠标滑轮翻页
今天项目中用到了通过滑动鼠标滑轮触发事件,再网上找了一些例子,在FireFox下面使用正常,但是在IE和Google等浏览器下使用滑动一次滑轮却触发了两次事件,网上找了一些解决方案,最后选择了一个简单的解决方案,如果在使用的过程中出现问题,我会继续改进。