zoukankan      html  css  js  c++  java
  • jquery循环动画

     
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>文档标题</title>
    <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
    <style type="text/css">
      .circle{
      280px;
      height:180px;
      background:radial-gradient(closest-side,red 1%,yellow 10%,#00ffff 50%);
      border-radius:50%;
      position:absolute;
      top:200px; 
    </style>
    </head>
    <body>
    <div id="circle" class="circle" onmouseover="b()" onmouseout="d()"></div>
    <input type="button" value="start" onclick="ae()"/>
    <div id="seconds" class="second"></div>
    <script type="text/javascript">
    var e
    function b(){$(".circle").animate({"-=10px", height:"+=10px",top:"-=15px",right:"-=15",opacity:"1"},3000);            
               }
    function ae(){e=setInterval(b,1000)}
    var w=$(".circle").width()
    var h=$(".circle").height()
    if(r==l){clearInterval(e)}
    </script>
    </body>
    </html>

    红尘往事,一切随风!
  • 相关阅读:
    Linux入门
    服务器核心知识
    跨域
    DRF的解析器和渲染器
    DRF的分页
    DRF 权限 频率
    DRF 版本 认证
    Django Rest Framework 视图和路由
    Serializers 序列化组件
    六、Java NIO 通道之间的数据传输
  • 原文地址:https://www.cnblogs.com/xwenwu/p/13630056.html
Copyright © 2011-2022 走看看