一个简单的循环往复的动画效果
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一个简单的循环往复的动画效果相关的知识，希望对你有一定的参考价值。
1、概述：在我们编程时会用到一些简单的动画效果，下面介绍一个：
2、代码如下：
<!DOCTYPE html> <HTML> <HEAD> <TITLE> By ShaZhou </TITLE> </HEAD> <BODY> <div class="dotA" style="position:absolute">a</div> <div class="dotB" style="position:absolute">b</div> </BODY> <script type="text/javascript" src="jquery-1.11.3.js"></script> <script type="text/javascript"> $(document).ready(sssss()); function sssss(){ $(".dotA").animate({top:"100px"},500); $(".dotA").animate({top:"200px"},500); $(".dotA").animate({top:"300px"},500); $(".dotA").animate({top:"0px"},500); $(".dotB").animate({top:"300px"},500); $(".dotB").animate({top:"0px"},500); setTimeout(sssss,10); } </script> </HTML>
3、效果如下：
a
b
以上是关于一个简单的循环往复的动画效果的主要内容，如果未能解决你的问题，请参考以下文章