仔仔se7en
2016-07-18 16:45
<script type="text/javascript">
$(function(){
$("#b1").bind("click",function(){
$("h1").html("move left");
$("div").animate({
left:"-=50px"
},1500,function(){
$("h1").html("finish.");
});
});
$("#b2").bind("click",function(){
$("h1").html("move right");
$("div").animate({
left:"+=50px"
},1500,function(){
$("h1").html("finish.")
});
});
});
</script>
<style type="text/css">
.div1{
position:relative;
width:100px;
height:100px;
border: solid 2px black;
background-color: purple;
color:White;
margin:20px auto;
margin-left:60px;
}
</style>
我试了一下可以的,div的css是不是有问题?
我的div的css是这样的
<style type="text/css">
div{
position:absolute;
background-color:red;
width:20px;
height:20px;
left:50%;
right:50%;
}
</style>
jQuery基础课程
154706 学习 · 7289 问题