利用js的定时器让div在画面上动起来

 时间:2024-10-12 14:32:56

1、第一步,打开dreamweaver新建一个html文件。

利用js的定时器让div在画面上动起来

2、第二步,在html里面添加一个div元素,并且把背景色设置为蓝色,设置为绝对定位。

利用js的定时器让div在画面上动起来

3、第三步,通过js获取id为aa的div元素。

利用js的定时器让div在画面上动起来

4、第四步,给这个div元素的left值在定时器里面每次加1px,定时器的间隔为100ms。

利用js的定时器让div在画面上动起来

5、第五步,定时器每100ms执行一次函数,每次把div的left边距加1,查看效果能发现di箪滹埘麽v在慢慢的向右移动着。

利用js的定时器让div在画面上动起来
  • thinkphp如何在html页面输出数据库数据
  • 如何使用css实现鼠标滑过块上移并且出现阴影
  • jquery如何实现鼠标放上div时改变其大小
  • Visual Studio中的c#程序如何增加实体数据模型
  • jquery获取对象属性值的方法?
  • 热门搜索
    肚子胀气怎么办 小米饭的做法 苏打饼干的做法 山药木耳的做法 面疙瘩汤的做法 鱼香茄子煲的做法 鲍汁的做法 思维导图怎么画 牙结石怎么自己去除 五香花生米的做法