DIV如何横向缓慢移动

狗要走我不留 2022-11-04 22:13:55

div中有一个img控件,我想让程序运行时让图片从左方缓慢移动到右方,该如何实现?

...全文
178 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
狗要走我不留 2022-11-04
精选
  • 打赏
  • 举报
回复 1

var popUp = document.getElementById('popupcontent');
var i = 0;
setInterval(() => {
i++;
popUp.style.left = i + "px";
}, 100)
之前用的这种方法行不通,希望各位大佬指点,popupcontent是div的id

  • 举报
回复
@狗要走我不留 你这样实现的话,首先要给id为popupcontent的div设置定位,根据实际情况设置position为absolute或者fixed,bottom为0,这样你的left属性才能生效,然后把这段代码放在window.onpageshow或者window.onload里。
  • 举报
回复
@狗要走我不留 此时是针对id为popupcontent的div设置的,也就是说这个div会有效果,而不是div里的img有效果
  • 举报
回复
@狗要走我不留 第二种方法比较简单,只用css,设置一个animation动画就行

87,988

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧