Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/291.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和php在单击图像时将其移动到另一个位置?_Javascript_Php_Jquery_Html_Jquery Animate - Fatal编程技术网

使用javascript和php在单击图像时将其移动到另一个位置?

使用javascript和php在单击图像时将其移动到另一个位置?,javascript,php,jquery,html,jquery-animate,Javascript,Php,Jquery,Html,Jquery Animate,所以我有一个带有图像的PHP页面。当点击每个图像时,我希望每个图像都在页面上移动,然后隐藏起来 <div class="lagoon"> <img src="images/lagoon.jpg" alt="lagoon" id="LL"/> <p class="text">Lagoon</p> </div> 我试过这个,还有很多其他方法,请帮忙。你的CSS选择器不正确。使用#以元素的id为目标 $("#LL").click(f

所以我有一个带有图像的PHP页面。当点击每个图像时,我希望每个图像都在页面上移动,然后隐藏起来

<div class="lagoon">    
<img src="images/lagoon.jpg" alt="lagoon" id="LL"/>
<p class="text">Lagoon</p>
</div>

我试过这个,还有很多其他方法,请帮忙。

你的CSS选择器不正确。使用#以元素的
id
为目标

$("#LL").click(function (){
  $("div").animate({left:'250px'});
});

请考虑查看JQuery手册。
$("#LL").click(function (){
  $("div").animate({left:'250px'});
});