jq移动效果为什么向右移动两次就不能向左移动了,而且也不能移动了?

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
        <title>jQuery动画特效</title>
	    <script>
	        $(function(){
	            $("body").append("<button id='you'>右移动50PX</button>"),
	            $("body").append("<button id='zuo'>左移动50PX</button>"),
	            $("body").append("<div>这是一段可以移动的文字</div>")
	            $("div").css({"background-color":"red","color":"white","width":"300","height":"80","position":"absolute"});
	            $("#you").bind("click",function(){$("div").animate({left: "+=100px"},2000,function(){})});
	            $("#zuo").bind("click",function(){$("div").animate({right: "+=100px"},2000,function(){})});
	        });
	    </script>
    </head>
    <body>
    </body>
</html>

kim4

浏览 2318回答 3

3回答

Caballarii

同时设置left和right两个属性是没有用的，所以$("#zuo")的animate最好用left:"-=100px"

echo_kinchao

兼容性问题

李晓健

我本地谷歌浏览器测试没有问题。

随时随地看视频慕课网APP