jQuery fadeTo延迟Webkit浏览器

时间:2010-12-21 21:47:24

标签: jquery

我在菜单上实现了我认为相当简单的脚本。它适用于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效果似乎很好。

感谢您的时间。

帕特里克

1 个答案:

答案 0 :(得分:0)

你的解决方案在这里我认为尝试使用animate()而不是像这样的fadeTo(): http://jsbin.com/aluyi4/5/edit还要注意,您应该使用css设置初始不透明度。