打开网页,F12 进入调试,查看元素 ,鼠标移上去看就知道了,比如你这张图片在这个网页是这样的<img class="ikqb_img" src="https://gss0.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D600%2C800/sign=e7ff57f46363f6241c083105b774c7c0/b8014a90f603738dbc97d0efbb1bb051f919ec1a.jpg" esrc="https://gss0.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D450%2C600/sign=19d36eb9e3f81a4c2667e4cde21a4c6f/b8014a90f603738dbc97d0efbb1bb051f919ec1a.jpg">
用jquery使一个按钮让div左右移动方法如下:
就是点击“#anniu”,然后"#caozuo"div左右移动,我的代码左移了就不能移动回来了 <div class="bottom textstyle" id="caozuo"><a href="#" id="anniu"><img src="jiantou2.png" width="20" id="tanchu" /></a></div> $(document).ready(function()... 就是点击“#anniu”,然后"#caozuo"div左右移动,我的代码左移了就不能移动回来了。
<div class="bottom textstyle" id="caozuo">
<a href="#" id="anniu"><img src="jiantou2.png" width="20" id="tanchu" /></a>
</div>
$(document).ready(function() {
$("#anniu").click(function(event){
event.preventDefault()
if($('#caozuo').is({right:'0em'})){
$('#caozuo').animate({right:'-8.5em'},"fast")}
else{
$('#caozuo').animate({right:'0em'},"fast")
}
})
})
jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)