html点击按钮怎么弹出一个浮动的窗体？
1个回答
展开全部
首先根据需求我们需要一个按钮，一个弹出窗口层；
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)
})
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)
})
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
