通过代码控制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移动
  • 用css div做两个实体小方块
  • 如何他用powerdesigner中的SQL语句创建数据表
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • HTML5的网页制作基础
  • python中设计类的三要素是什么
  • 热门搜索
    春节去哪里旅游便宜 3月份国外旅游 港澳旅游团 西部旅游攻略 十月份去哪里旅游好 承德旅游团 公司旅游注意事项 旅游路二手房 邢台旅游局 红河旅游景点大全