养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js 如何设置弹出div层位置

时间:2024-10-31 21:31:32

js设置弹出div的位置可以通过style的left,top属性来进行设置。

工具/原料

任何的一个文本编辑器都可以,我使用的notepad

方法/步骤

1、代码总览:首先创建showDIV这个function;用createEl娣定撰钠ement方法创建一个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层位置

© 一点知识