Question

这是我的简单的jquery ui代码，带有html。

$(document).ready(function(){
    $("img").click(function () {
          $(this).hide("slide", { direction: "left" }, 1000); 
          $(this).show("slide", { direction: "right" }, 1000); 
    });
});

这里是html

<img src="images/logo.png"/>

图像被隐藏然后回来，我想要这个东西是同时的。

注意：您可能会提出一些类似的问题，我会检查一些问题，但没有一个问题适合我。寻找一个简单的解决方案。

Answer 1

这只是一个例子，需要调整，但我认为你可以得到这个想法。

HTML

<img id="img1" src="image1.jpg">
<img id="img2" src="image2.jpg">

CSS

img{
  width:250px;
  height:200px;
  position: absolute;
}
#img1{
  left:0;
}
#img2{
  left:250px;
}

的Javascript

$("#img1").click(function() { 
   $("#img1").animate({left: '-250px'},2000); 
   $("#img2").animate({left: '0'},2000); 
});

Example

同时运行jquery滑块

1 个答案: