Javascript 如何降低jquery中显示/隐藏事务的速度？

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

您可以看到鼠标在右侧手机上移动时的效果，但交易时间很快，我怎么能减慢速度？谢谢

这是我的密码

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

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

---

phone.on是mouseover的图像，phone.off是在左边，动画现在是正确的，但是它走得太快了，我想让它慢下来。就这些，谢谢你的帮助。

只需像这样给

.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是1秒，就换成你喜欢的。

Hhmm坏主意。尝试使用CSS3动画，这就是它们的用途。Javascript应该是第二选择。

尽管@micea正在回答您的问题，但您可能正在寻找类似的东西，以实现更流畅的行为：

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

或

---

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

您可以使用css3转换和css3旋转，而不是jquery，并将持续时间传递给函数。但是是的，

transition

会好得多。这个问题似乎离题了，因为它在文档中得到了很小的回答。你可以使用jquery的toggle（）方法进行hide（）和show（）。它的行为很奇怪，使用整数而不是字符串

.show（1000）

。这是一个很好的选择，尽管根据我的经验，它不会改变动画发生的方式。cor的答案是正确的，因为.show和.hide还将为元素的高度和宽度设置动画。您介意提供一些示例吗？使用transaction后我是否只需要保留一张手机图像？感谢正确，这将更加平滑，因为“显示”和“隐藏”的持续时间将更改正在设置动画的元素的大小，并且看起来会很奇怪。

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