请问哪儿错了，两种方式都不行
为啥执行不出来啊，是不是哪个细节没注意到
2 回答
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery动画特效</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<style>
div{
width:90px;
height:50px;
border-width:1px;
border-color:#f00;
border-style:solid;
margin-left:100px;
margin-top:20px;
text-align:center;
position:absolute;}
</style>
<script type="text/javascript">
var lefttime=0;
var righttime=0;
// function moveleft()
// {
// $("div").animate({left:"-=50px"}，3000)
// lefttime++;
// $("#span1").html("左移"+lefttime+"次");
// }
// function moveright()
// {
// $("div").animate({left:"+=50px"},3000)
// righttime++;
// $("#span2").html("右移"+righttime+"次");
// }
$(function(){
$("#left").bind("click",function(){
$("div").animate({left:"-=50px"},3000,function(){lefttime++;
$("#span1").html("左移"+lefttime+"次")})
})
$("#right").bind("click",function(){
$("div").animate({left:"+=50px"},3000,function(){righttime++;
$(#span2).html("右移"+righttime+"次")})
})
})
</script>
</head>
<body>
<input type="button" value="左移" id="left" onclick="moveleft">
<input type="button" value="右移" id="right"
onclick="moveright">
<div>
<span id="span1">左移次数</span> <br />
<span id="span2">右移次数</span>
</div>
</body>
</html>
举报
0/150
提交
取消
