JQuery这样写有问题么?为什么无法实现预期的效果

WhyNot7 2012-04-13 05:25:31
<script type="text/javascript">
var zoomflag = true;
jQuery(document).ready(function () {
jQuery("#zoombar").click(function () {
if (zoomflag == true) {
jQuery(".link").animate({ left: "-207px" });
jQuery("#zoombar").animate({ left: "0px" });

jQuery("#zoombar").css("background-image", "url(http://www.worlduc.com/uploadImage/photo/a0/2012412191044zkuSQ.gif)");
zoomflag = false;
} else {
jQuery(".link").animate({ left: "0px" });
jQuery("#zoombar").animate({ left: "207px" });

jQuery("#zoombar").css("background-image", "url(http://www.worlduc.com/uploadImage/photo/a0/20124121910444wwTt.gif)");
zoomflag = true;
}
});
});
</script>

通过点击id为zoombar的控件实现左右滑动的效果,第一次可以向左滑动,然后再点的话就不能还原了!

具体效果参见http://www.lg.com/cn/index.jsp左侧栏

刚学JQuery没多久
求高手指教啊
...全文
111 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
單tc 2012-04-14
  • 打赏
  • 举报
回复
我感觉是不是写在ready里面的原因 ready应该是只在加载完毕的时候执行一次 你再点击的时候就不会执行里面的代码了吧
装逼之王 2012-04-13
  • 打赏
  • 举报
回复
你代码贴全点,把css样式也贴上
bree06 2012-04-13
  • 打赏
  • 举报
回复
html代码贴出来
WhyNot7 2012-04-13
  • 打赏
  • 举报
回复
在线等呀

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧