zoukankan      html  css  js  c++  java
  • 一个简单的循环往复的动画效果

    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
  • 相关阅读:
    AJAX
    选择器
    断电原则
    radio为什么不能选择。急急急
    IBase<T>
    委托
    Log4Net
    博弈论 学习笔记
    解决You have new mail in /var/spool/mail/root提示
    Zookeeper分布式安装部署
  • 原文地址:https://www.cnblogs.com/shazhou-blog/p/5209233.html
Copyright © 2011-2022 走看看