网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

通过代码控制div移动

时间:2024-10-12 17:25:26

1、新建一个html文件,线加入一个d坡纠课柩iv,设置id为divTest,位置为相对布局(relative),长宽为100p旌忭檀挢x,背景色为黄色:<div id="divTest" style="position:relative; top:0px; left:0px; width:100px; height:100px; border:1px solid blue; background:yellow;"></div>

通过代码控制div移动

3、增加一个按钮,显示“点我移动”,设置一个onclick事件,将其与函数moveDiv关联,注意onclick全部小写,同时不要忘记moveDiv后面的括号。

通过代码控制div移动

5、程序编写完成,使用任意一个浏览器打开该html文件,可以看到一个黄色背景蓝色边框的方块,以及一个“点我移动”的按钮。

通过代码控制div移动
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com