為什么移動不了
<!DOCTYPE html>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
? ? ? ? <title>jQuery動畫特效</title>
? ? ? ? <style>
? ? ? ? ? ? div{
? ? ? ? ? ? ? ? width:100px;
? ? ? ? ? ? ? ? height:100px; ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? border:1px solid red;
? ? ? ? ? ? ? ? position:absolute;
? ? ? ? ? ? ? ? top:50px;
? ? ? ? ? ? ? ? left:100px;
? ? ? ? ? ? ? ? }
? ? ? ? </style>
? ? </head>
? ??
? ? <body>
? ? ? <input type="button" ?value="左移" id="left">
? ? ? <input type="button" value="右移" id="right">
? ? ? <div></div>
? ? ? <script>
? ? ? ? ? $(function(){
? ? ? ? ? ? ? $("#left").bind("click",function(){
? ? ? ? ? ? ? ? $("div").animate({
? ? ? ? ? ? ? ? ? ? left:"+=50px"
? ? ? ? ? ? ? ? },300,function(){
? ? ? ? ? ? ? ? ? ? $("div").html("向左移了");
? ? ? ? ? ? ? ? }) ?
? ? ? ? ? ? ? });
? ? ? ? ? ? ? ?$("#right").bind("click",function(){
? ? ? ? ? ? ? ? $("div").animate({
? ? ? ? ? ? ? ? ? ? right:"+=50px"
? ? ? ? ? ? ? ? },300,function(){
? ? ? ? ? ? ? ? ? ? $("div").html("向右移了");
? ? ? ? ? ? ? ? }) ?
? ? ? ? ? ? ? })
? ? ? ? ? ? ? });
? ? ? </script>
? ? </body>
</html>
2016-05-21
還有右移只能用 ?left："-=50px"
2016-05-21
沒有引入JQuary
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"
??????? type="text/javascript"></script>