关闭

html弹出层

标签: html
230人阅读 评论(0) 收藏 举报
分类:
1.public_modal()是一个封装的方法
  public_Modal:访问时要调用的id  
  public_modal(参数一,参数二,参数三):
    参数一:确定按钮的id
    参数二:(id="myModalLabel")标题名
    参数三:(modal-body)中要添加的html内容

$(document).on("click","#plus",function(){
    public_modal("taochan_add",'新增套餐', $("#add_1_html").html());
});<pre name="code" class="html">
<pre name="code" class="html"><!-- 弹出窗口模版 -->
<div class="modal fade small_modal" id="public_Modal" tabindex="-1"
	role="dialog" aria-labelledby="myModalLabel" aria-hidden="false"
	data-backdrop="static">
	<div class="modal-dialog" style="width: 95%;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true" style="font-size: 24px">×</span>
				</button>
				<h5 class="modal-title" id="myModalLabel" style="text-align: center"></h5>
			</div>
			<div class="modal-body"></div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" name="submit_modal"
					id="" style="width: 80px">确定</button>
				<button type="button" class="btn btn-default" data-dismiss="modal"
					style="width: 80px; margin-left: 50px" onclick="initAllPrice()">关闭</button>
			</div>
		</div>
	</div>
</div>






0
0
查看评论

html弹出层的实现

LIGHTBOX EXAMPLE * { margin:0; padding:0 } html, body { height: 100%; width: 100%; font-size:12px } .white_content { display: none; position: ...
  • w2393040183
  • w2393040183
  • 2016-07-25 14:47
  • 1928

html+js/jquery实现弹出层效果

在做网页的时候,弹出层是个很好用的东西,它既可以显示出我们想要的内容,又无需重新加载,而且弹出层的样式还可以按我们想要的效果改动,今天就来说一说怎么做一个弹出层。
  • qq_36568809
  • qq_36568809
  • 2017-05-28 10:39
  • 173

html 弹出层

弹出层 .black_overlay { display:none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index:60000; op...
  • nohero1
  • nohero1
  • 2015-01-23 14:11
  • 3143

用JavaScript编写弹出层原理分析及初步实现

目录        基本原理        具体步骤        完整实例代码        兼容性检查   ...
  • guaguapi_ndsc
  • guaguapi_ndsc
  • 2012-09-07 05:46
  • 851

Dialog弹出层封装

var dialog = { // 错误弹出层 error: function(message) { layer.open({ content:message, icon:2, title : &...
  • cooldrw2012
  • cooldrw2012
  • 2016-10-27 19:46
  • 224

弹出层 layer !!!

牛逼的 弹出层 layer !!!   功能强大,实用,操作方便,文档齐全。 http://layer.layui.com/api.html   常用功能代码: doctype html> html> head> ...
  • xiaodingdou
  • xiaodingdou
  • 2016-09-12 16:08
  • 1651

移动端弹出层后禁止背景底层 body滚动

移动端弹出层后禁止背景底层 body滚动
  • DeepLies
  • DeepLies
  • 2017-10-11 18:00
  • 501

html JS弹出层

最近要用到页面弹出层的效果,网上搜了一个,找到一个比较好的,记下来一遍以后参考,同时这么好的东西跟大家分享下。 可拖动的弹出框 body{margin:0} #popBox { wid...
  • leedaning
  • leedaning
  • 2015-05-07 11:50
  • 405

Html 弹出层 自定义提示信息

Html 没有toast信息提示,自己写一个,需要的时候直接拿来用,方便多了。。。
  • qq_26625037
  • qq_26625037
  • 2016-09-08 16:15
  • 568

html + Jquery 弹出弹出层

.raceShow {             background-color: red; /* #ffffff*/             border: solid 1p...
  • yzcn2013
  • yzcn2013
  • 2018-01-21 13:57
  • 146
    个人资料
    • 访问:374780次
    • 积分:4806
    • 等级:
    • 排名:第7107名
    • 原创:134篇
    • 转载:249篇
    • 译文:6篇
    • 评论:34条
    文章分类
    最新评论