请教个JQuery效果的问题!
时间:2011-12-27
来源:互联网
JScript code
上面的代码想实现鼠标mouseover事件时a元素就变改变透明度到0.6,mouseout时就改回透明度1。但有个问题就是当我重复快速移入移出鼠标后。它会完全响应我的效果,直到完成我所有进出的次数。但这样效果很不好。
所以我又改了下,设置了一个控制的全局变量,代码如下:
JScript code
现在效果稍微好点,但还是不好,当快速的两次进出元素后就会出现只淡化透明度。
求解!!有什么好方法没!
$("#a").mouseover(function(){ $("#a").fadeTo(250,0.6); }) $("#a").mouseout(function(){ $("#a").fadeTo(250,1); })
上面的代码想实现鼠标mouseover事件时a元素就变改变透明度到0.6,mouseout时就改回透明度1。但有个问题就是当我重复快速移入移出鼠标后。它会完全响应我的效果,直到完成我所有进出的次数。但这样效果很不好。
所以我又改了下,设置了一个控制的全局变量,代码如下:
JScript code
var fadeOut_temper=true; var fadeIn_temper=true; $("#a").mouseover(myFadeOut) $("#a").mouseout(myFadeIn) function myFadeOut(){ event.stopPropagation(); if(fadeOut_temper){ fadeOut_temper=false; $("#a").fadeTo(300,0.6,function(){ fadeOut_temper=true; }) } } function myFadeIn(){ event.stopPropagation(); if(fadeIn_temper){ fadeIn_temper=false; $("#a").fadeTo(300,1,function(){ fadeIn_temper=true; }) } }
现在效果稍微好点,但还是不好,当快速的两次进出元素后就会出现只淡化透明度。
求解!!有什么好方法没!
作者: notCharming 发布时间: 2011-12-27
应该是快速进出3次会出现只淡化透明度
作者: notCharming 发布时间: 2011-12-27
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28