请教个JQuery效果的问题!

notCharming 2011-12-27 11:19:50

$("#a").mouseover(function(){
$("#a").fadeTo(250,0.6);
})
$("#a").mouseout(function(){
$("#a").fadeTo(250,1);
})

上面的代码想实现鼠标mouseover事件时a元素就变改变透明度到0.6,mouseout时就改回透明度1。但有个问题就是当我重复快速移入移出鼠标后。它会完全响应我的效果,直到完成我所有进出的次数。但这样效果很不好。
所以我又改了下,设置了一个控制的全局变量,代码如下:

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;
})
}
}


现在效果稍微好点,但还是不好,当快速的两次进出元素后就会出现只淡化透明度。
求解!!有什么好方法没!
...全文
122 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
notCharming 2011-12-27
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zsx841021 的回复:]

不是很明白。。。上面代码已经实现了啊。。。只是可能反映比较慢。。当快速进出后。。。还会执行。。。
[/Quote]
是执行了,但我不想要它在我快速进出多次时也执行多次。我希望他有一定的延时效果。就是如果很快的话,就不响应此事件
三石-gary 2011-12-27
  • 打赏
  • 举报
回复
不是很明白。。。上面代码已经实现了啊。。。只是可能反映比较慢。。当快速进出后。。。还会执行。。。
notCharming 2011-12-27
  • 打赏
  • 举报
回复
应该是快速进出3次会出现只淡化透明度
notCharming 2011-12-27
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 naonaoye 的回复:]

JScript code

$("#a").mouseover(function(){
if($("#a").css("opacity")==1){
$("#a").fadeTo(250,0.6);
}

})
$("#a").mouseout(function(){
……
[/Quote]
太帅了。
一针见血,一语中的,一鸣惊人,恍然大悟啊,柳暗花明又一村。这样改的效果比我弄个什么全局变量的好多了。谢谢~~~!
也谢谢其他人的回答。
notCharming 2011-12-27
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 naonaoye 的回复:]

JScript code

$("#a").mouseover(function(){
if($("#a").css("opacity")==1){
$("#a").fadeTo(250,0.6);
}

})
$("#a").mouseout(function(){
……
[/Quote]
太帅了。
一针见血,一语中的,一鸣惊人,恍然大悟啊,柳暗花明又一村。这样改的效果比我弄个什么全局变量的好多了。谢谢~~~!
也谢谢其他人的回答。
hnlyfengyong 2011-12-27
  • 打赏
  • 举报
回复
你可以加个判定事件
一定时间以后才能触发 在这段时间之内不管进出多少次都不执行
naonaoye 2011-12-27
  • 打赏
  • 举报
回复

$("#a").mouseover(function(){
if($("#a").css("opacity")==1){
$("#a").fadeTo(250,0.6);
}

})
$("#a").mouseout(function(){
if($("#a").css("opacity")==0.6)
$("#a").fadeTo(250,1);
})


加个判断

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧