Question

目前我正在使用一张图片用于鼠标状态，一张图片用于鼠标关闭状态，所以，我正在做的是当鼠标在图片上时，它隐藏，而不是显示另一张图片，详细信息请看看我的网站。

http://rsvp.com.hk/tmp_web/

鼠标悬停在右侧手机上时可以看到效果，但交易时间非常快，我该怎么放慢速度？感谢

这是我的代码

$(".phone.off").on("mouseover",function(){
        $(this).hide();
        $(".phone.on").show();
    });

    $(".phone.on").on("mouseover",function(){
        $(this).hide();
        $(".phone.off").show();
    });

phone.on是鼠标悬停的图像，而phone.off正在休假，现在的动画是正确的，但它太快了，我想要的是慢下来。这就是全部，谢谢你的帮助。

Answer 1

好吧，这个想法很糟糕。尝试使用CSS3动画，这就是它们的用途。 Javascript应该是第二选择。

Answer 2

虽然@micea正在回答你的问题，但也许你正在寻找类似的东西，以获得更顺畅的行为：

 $(".phone.on").fadeIn(1000);

或

$(".phone.on").fadeOut(1000);

数字表示动画的持续时间。

Answer 3

只需将时间添加到.show()和.hide()，就像这样

$(".phone.off").on("mouseover",function(){
        $(this).hide('1000');
        $(".phone.on").show('1000');
    });

    $(".phone.on").on("mouseover",function(){
        $(this).hide('1000');
        $(".phone.off").show('1000');
    });

如果1000是一秒，则改为你喜欢的任何一种。

如何使jquery中的show / hide事务变慢？

3 个答案: