我在菜单上实现了我认为相当简单的脚本。它适用于Firefox和IE,但在Chrome和Safari中,延迟大约半秒。它所做的就是将不透明度设置为60%,然后将悬停设置为100%。这是代码:
$(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 :(得分:0)
你的解决方案在这里我认为尝试使用animate()而不是像这样的fadeTo(): http://jsbin.com/aluyi4/5/edit还要注意,您应该使用css设置初始不透明度。