利用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获取对象属性值的方法?
  • 热门搜索
    老师辛苦了手抄报 国庆手抄报内容资料 2020年鼠年手抄报 三爱手抄报 教师节手抄报一等奖简单 戏曲大舞台手抄报 关于春天的手抄报图 暑假生活手抄报 走进信息世界手抄报 一年级手抄报大全