Chinaunix首页 | 论坛 | 博客
  • 博客访问: 113830
  • 博文数量: 40
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 423
  • 用 户 组: 普通用户
  • 注册时间: 2013-01-15 11:55
文章分类

全部博文(40)

文章存档

2016年(36)

2015年(2)

2013年(2)

我的朋友

分类: jQuery

2016-03-25 10:39:21

jquey的setInterval让元素动起来,代码很简单,如下

点击(此处)折叠或打开

  1. <!DOCTYPE html >
  2. <html>
  3.  <head>
  4.     <title>playing with the DOM</title>
  5.     <script src=""></script>
  6.  </head>
  7.  <body>
  8.    <h1 id="heading">Hello world</h1>
  9.    <script>
  10.      var leftOffset = 0;
  11.      var moveHeading = function(){
  12.      $("#heading").offset({left:leftOffset});
  13.      leftOffset++;
  14.      if(leftOffset > 200){
  15.      leftOffset=0;
  16.      }
  17.      }
  18.      setInterval(moveHeading,30);
  19.    </script>
  20.  </body>
  21. </html>

阅读(720) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~