如何把一个html页面做成弹出层

html-css030

如何把一个html页面做成弹出层,第1张

首先单靠HTML是无法做出弹出层的,必须结合脚本语言javascript语言

至于怎么写实际上很简单,利用dom获取其id,把id传给一个变量,设一个函数,在函数里写获取ID变量的css即可实现,至于怎么写,采纳之后会给你写出代码。要不然辛辛苦苦写了代码最后没有任何回报,心不甘啊,因为我是小白,所以很看重这些的。

首先根据需求我们需要一个按钮,一个弹出窗口层;\x0d\x0aOK,废话不多说;\x0d\x0a按钮就用一个基本的:\x0d\x0aClick me\x0d\x0a我是浮动的窗口\x0d\x0a\x0d\x0a我们要给浮动层设置一下样式\x0d\x0a.dialog{width:200pxheight:200pxborder:solid 1px #000position:absoluteright:10pxtop:100pxline-height:200pxtext-align:centerdisplay:none}\x0d\x0a\x0d\x0aOK ,下面就是JS部分:\x0d\x0a首先需要引入一个JS库,版本自己定义:\x0d\x0a然后给按钮添加相应的点击事件,让点击button的时候,显示出浮动层\x0d\x0a$(".btn").click(function(){\x0d\x0a$(".dialog").show(100)\x0d\x0a}) 回答于 2022-11-16