JQuery这样写有问题么?为什么无法实现预期的效果
<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没多久
求高手指教啊