html点击按钮怎么弹出一个浮动的窗体
发布网友
发布时间：2022-04-23 13:02
共2个回答
热心网友
时间：2022-04-25 20:53
首先根据需求我们需要一个按钮，一个弹出窗口层；
OK，废话不多说；
按钮就用一个基本的：
<button class="btn">Click me</button>
<div class="dialog">我是浮动的窗口</div>
我们要给浮动层设置一下样式
.dialog{width:200px;height:200px;border:solid 1px #000;position:absolute;right:10px;top:100px; line-height:200px;text-align:center;display:none}
OK ,下面就是JS部分：
首先需要引入一个JS库，版本自己定义：
然后给按钮添加相应的点击事件，让点击button的时候，显示出浮动层
$(".btn").click(function(){
$(".dialog").show(100)
})
热心网友
时间：2022-04-25 23:46
写一个弹窗，把z-index设置的比原页面大
用JS控制显隐
为了效果可以再写一个层，半透明，可以阻止点击原页面
