利用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获取对象属性值的方法?
  • 热门搜索
    三爱手抄报内容 水浒传手抄报图片大全 数学手抄报六年级 八礼四仪手抄报内容 音乐手抄报图片 爱国诚信友善手抄报 61儿童节手抄报 饮食与健康手抄报 喜迎国庆手抄报 中国加油武汉加油手抄报