使用javascript和php,在单击图像时将其移动到另一个位置
Make an image move to another place when it is clicked on, using javascript and php?
所以我有一个带有图像的PHP页面。当点击每一张图片时,我希望它们在页面上移动,然后隐藏起来。
<div class="lagoon">
<img src="images/lagoon.jpg" alt="lagoon" id="LL"/>
<p class="text">Lagoon</p>
</div>
这是我的一张图片的代码。我现在需要进入Javascript,并使它在点击时移动。
$ ("LL").click(function (){
$ ("div").animate ({left:'250px'});
});
我试过这个,还有很多其他的东西,请帮忙。
您的CSS选择器不正确。使用#以元素的id
为目标。
$("#LL").click(function (){
$("div").animate({left:'250px'});
});
相关文章:
- 在不移动元件的情况下从相对位置更改为固定位置
- 如何在鼠标悬停时将对象从起始位置移动到结束位置,然后在鼠标悬停后再次移动
- 将插入符号位置移动到ContentEditable<DIV>
- 我发现了一些只在移动设备上可见的垃圾邮件链接,我可以'找不到包含此垃圾邮件链接的脚本的位置
- float's未返回到移动视图结束后的位置
- 将javascript数组中的项移动到特定位置的有效方法
- 如何将节点移动到所需位置
- Photoshop脚本:将图像移动到位置x,y
- 在鼠标上触发鼠标移动'的当前位置
- 固定图像滚动移动位置
- Javascript滚动和移动位置
- 如何确保按钮点击均匀移动位置
- 当地图移动时,必应地图InfoBox会在FireFox和Chrome中移动位置
- 当尝试按下鼠标选择所有对象时,对象会自动移动位置(Fabric.JS)
- 在必应地图上获取移动位置
- 精灵图像的随机移动位置
- 如何将多个标记添加到移动位置谷歌地图,Javascript
- 创建用于移动位置的常量而不是变量
- 如何根据鼠标移动/位置应用效果
- MediaWiki我如何得到[折叠]链接不移动位置与文本