巫妖天下 - LichSky

关于作者:专注于微软平台项目架构、管理和企业解决方案。熟悉各类技术手段、架构设计、开发和项目管理。现主要从事项目开发、架构、管理工作。

« 等待要看的电影xla注册 »

JQuery动画

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>hello</title>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script>
    $().ready(function(){
      $("#btn").click(function(){
        $("#dh").animate({left:'250px',opacity:'0.5'},'fast');
        $("#dh").animate({top:'250px',opacity:'1.0'},3000);
        $("#dh").animate({left:'0px',opacity:'0.5'},'slow');
        $("#dh").animate({top:'0px',opacity:'1.0'},100);
      });
    });
    </script>
  </head>
  <body>
    <div><button id="btn">开始动画</button></div>
    <div id="dh" style="background:#98bf21;height:100px;width:100px;position:absolute;"></div>
  </body>
</html>

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 100427

Copyright 巫妖天下(lichsky@163.com) All Rights Reserved.