代碼哪里有問題嗎？為什么運行沒有動畫效果呢？
<!DOCTYPE html>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
??????? <title>jQuery動畫特效</title>
??????? <style type="text/css">
??? div{
??????? position:absolute;
??????? top:50px;
??????? left:200px;
??????? height:50px;
??????? width:50px;
??????? border:1px solid red;
??????? }
</style>
???????
??? </head>
???
??? <body>
??? <div></div>
??? <input type="button" value="左移" id="l1">
??? <input type="button" value="右移" id="r1">
??? <script type="javascript/text">
??? var $ltime=0;
??? var $rtime=0;
??????? $(function(){
??????????? $("#l1").bind("click",function(){
???????????????? $ltime++;
??????????????? $("div").animate({
??????????????????? left:"-=50px";
??????????????? },3000,function(){
??????????????????? $("div").html("左移"+$ltime+"次")
??????????????? })
??????????? })
??????????? $("#r1").bind("click",function(){
??????????????? $rtime++;
??????????????? $("div").animate({
??????????????????? left:"+=50px";
??????????????? },3000,function(){
??????????????????? $("div").html("右移"+$rtime+"次")
???????????????????
??????????????? })
??????????? })
??????? });
??? </script>
???????
??? </body>
</html>
2016-05-11
應(yīng)該是有三處錯誤
沒有導(dǎo)入jquery文件
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
2個按鈕中的動畫效果內(nèi)
$("div").animate({
??????????????????? left:"-=50px"; ?// 不應(yīng)該有分號（；）
??????????????? },3000,function(){
?<script type="javascript/text">寫錯了，應(yīng)該寫成?<script type="text/javascript">