jQuery学习示例------点击红色方块实现左右晃动
<!DOCTYPEhtml><html><head><title>test</title><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script><scripttype="text/javascript">$(function(){$("div").click(function(){if($(this).hasClass("red")){$(this).animate({left:120}).animate({left:240}).animate({left:0}).animate({left:240}).animate({left:120});}})});</script><styletype="text/css">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;}</style></head><body><divclass="blue"></div><divclass="red"></div><divclass="green"></div><divclass="redpos"></div></body></html>
运行结果:
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。