手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js 如何设置弹出div层位置

时间:2024-10-11 22:03:30

1、代码总览:首先创建showDIV这个function;用createElement方法创建一个div对象

js 如何设置弹出div层位置

2、设置刚才创建好的div对象的相蔡龇呶挞关属性,样式;DIV出现的位置由style的left和top来决定。可以用过修改这两个值的数字来感受效果的变化。

js 如何设置弹出div层位置

3、通过document.body.appendChild将div对象追加到网页中显示出来。

4、创建一个button;通过onclick点击事件调用写好的showDIV函数。

js 如何设置弹出div层位置

5、将编辑好的代码保存,双击运行;点击button按钮;运行正常。

js 如何设置弹出div层位置
© 手抄报圈