jquery焦点图中的左右点击 的左方向箭头和右方向点击箭头是怎么添加的

jquery焦点图中的左右点击 的左方向箭头和右方向点击箭头是怎么添加的,第1张

工具:网页调试工具如火狐firebug,还有谷歌自带的前端调试叫什么忘记了,

打开网页,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库。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11224743.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存