Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在HTML中单击按钮时同时滑动两个图像_Javascript_Html - Fatal编程技术网

Javascript 如何在HTML中单击按钮时同时滑动两个图像

Javascript 如何在HTML中单击按钮时同时滑动两个图像,javascript,html,Javascript,Html,我只想在按钮上滑动两个图像,就像按钮被点击时一样,然后假设 两个图像应同时滑动 就像我有两组图像一样 <div class="imageone"><img src="one.png"/></div> <div class="imagetwo"><img src="two.png"/></div> 它们应该同时滚动 $("input[type=button]").click(function(){ $(".im

我只想在按钮上滑动两个图像,就像按钮被点击时一样,然后假设

两个图像应同时滑动

就像我有两组图像一样

  <div class="imageone"><img src="one.png"/></div>
  <div class="imagetwo"><img src="two.png"/></div>

它们应该同时滚动

$("input[type=button]").click(function(){
 $(".imageone, .imagetwo").slideUp();
});

或者您可以使用animate()要移动图像

它看起来不错,但我希望“不点击”功能,但当加载div时,第一个图像应先滑动,然后再滑动。我希望按钮点击时,图像应滑动,默认情况下,不应显示任何图像。我希望这样,但幻灯片可以从右向左或从右向左。您可以使用jquery animate()。我不想像那样单击上面我想要的任何div,但滑动应该是从右向左