jQuery学习示例------点击红色方块实现左右晃动
test
$(function(){
$("div").click(function(){
if($(this).hasClass("red")){
$(this)
.animate({left:120})
.animate({left:240})
.animate({left:0})
.animate({left:240})
.animate({left:120});
}
})
});
div{
position: absolute;
width: 100px;
height: 100px;
}
.blue{
left: 0px;
background: blue;
}
.red{
left: 120px;
background: red;
z-index: 1;
}
.green{
left: 240px;
background: green;
}
.pos{
top: 120px;
}
成都创新互联自2013年起，先为凤城等服务建站，凤城等地企业，进行企业商务咨询服务。为凤城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
运行结果：
新闻名称：jQuery学习示例------点击红色方块实现左右晃动
本文路径：
http://csdahua.cn/article/ppcocj.html
