html弹出层

原创 2015年11月19日 09:49:53
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>






版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

仿腾讯弹出层效果js+html

  • 2010年09月13日 14:00
  • 194KB
  • 下载

html页面中如何简单制作弹出窗口层

原文: NanShan 即时通讯使用DIV弹出窗口来动态显示内容的原理:首先采用CSS和HTML隐藏弹窗中的内容,然后利用JavaScript(本教程中是JQuery)来动态显示...

HTML5+CSS3+jQuery实现弹出层

  • 2017年03月27日 09:51
  • 2KB
  • 下载

html弹出层效果

  • 2013年03月11日 18:16
  • 799KB
  • 下载

html+css+js实现弹出框+遮罩层

最近看到好多童鞋都在找弹出框和遮罩层的实现。 先来说遮罩层是个神马? 其实就是你弹出个东西,然后其他地方变黑了一点。就像遮住了其他地方一样。 那么实现原理呢? 就是设置一个div,宽度,高度是屏幕...

html5 弹出遮罩层

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和...
  • nux_123
  • nux_123
  • 2015年10月14日 11:08
  • 1519

javascript+css+html实现弹出层

js代码   //弹出隐藏层用户管理注册 function ShowDiv(div1,div2){ document.getElementById(div1).style.display='b...
  • ckl0035
  • ckl0035
  • 2013年05月13日 11:46
  • 526

Html 弹出层 自定义提示信息

Html 没有toast信息提示,自己写一个,需要的时候直接拿来用,方便多了。。。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html弹出层
举报原因:
原因补充:

(最多只允许输入30个字)