2010-12-21 110 views
2

我已经实现了我觉得在我的菜单上是一个相当简单的脚本。它适用于Firefox和IE,但在Chrome和Safari中,延迟时间大约为半秒。它所做的只是将不透明度设置为60%,然后将悬停设置为100%。下面的代码:jQuery fadeTo在Webkit浏览器中延迟

$(document).ready(function() { 
     $(".NavMenu a").fadeTo('200', 0.6); 
     $(".NavMenu a").hover(function() { 
      $(this).fadeTo('200', 1.0); 
     }, function() { 
      $(this).fadeTo('200', 0.6); 
     }); 
    }); 

有其他人遇到过,或者知道一种解决方法吗?我在Webkit浏览器中测试了其他网站,并且fadeTo效果看起来很好。

谢谢你的时间。

帕特里克

+0

你能用现场[JS小提琴](http://jsfiddle.net/)或[JS Bin](http://jsbin.com/)演示重现此效果吗? – 2010-12-21 21:50:02

回答

0

您的解决方案在这里,我觉得这是)尝试使用动画(而不是fadeTo()这样的: http://jsbin.com/aluyi4/5/edit也注意到,您应该设置使用CSS的初始不透明度。

相关问题