js的模态窗口实例
来源:互联网 发布:淘宝装修素材刚 编辑:程序博客网 时间:2024/04/30 01:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<body>
<div class="btn btn-primary" data-toggle="modal" data-target=".modal">打开注册</div>
<!--最外层容器-->
<div class="modal fade" id="mtv">
<!--第二层-->
<div class="modal-dialog">
<!--内容开始-->
<div class="modal-content">
<!--头部开始-->
<div class="modal-header">
<button class="close" data-dismiss="modal"><span>×</span></button>
<h2 class="modal-title">注册</h2>
</div>
<!--头部结束-->
<!--身体开始-->
<div class="modal-body">
<p>呵呵哒</p>
<p>呵呵哒</p>
</div>
<!--身体结束-->
<!--尾部开始-->
<div class="modal-footer">
<div class="btn btn-default" data-dismiss="modal">关闭</div>
<div class="btn btn-info">保存</div>
</div>
<!--尾部结束-->
</div>
<!--内容结束--->
</div>
<!--第二层结束--->
</div>
<!--最外层结束-->
</body>
<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<body>
<div class="btn btn-primary" data-toggle="modal" data-target=".modal">打开注册</div>
<!--最外层容器-->
<div class="modal fade" id="mtv">
<!--第二层-->
<div class="modal-dialog">
<!--内容开始-->
<div class="modal-content">
<!--头部开始-->
<div class="modal-header">
<button class="close" data-dismiss="modal"><span>×</span></button>
<h2 class="modal-title">注册</h2>
</div>
<!--头部结束-->
<!--身体开始-->
<div class="modal-body">
<p>呵呵哒</p>
<p>呵呵哒</p>
</div>
<!--身体结束-->
<!--尾部开始-->
<div class="modal-footer">
<div class="btn btn-default" data-dismiss="modal">关闭</div>
<div class="btn btn-info">保存</div>
</div>
<!--尾部结束-->
</div>
<!--内容结束--->
</div>
<!--第二层结束--->
</div>
<!--最外层结束-->
</body>
<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>
</html>
0 0
- js的模态窗口实例
- JS模态窗口
- JS 模态窗口
- 简单模态窗口实例
- bootstrap 模态窗口实例
- js打开窗口方法实例
- 模态窗口window.showModalDialog的应用实例
- JS显示模态窗口
- js模态窗口刷新
- 模态窗口js脚本
- js的showModalDialog模态窗口的使用
- js:window.showModalDialog模态窗口小小的用一下
- JQuery Dialog(JS模态窗口,可拖拽的DIV)
- 带CSS3过渡效果的模态窗口js插件
- bootstrap 模态窗口 第二次无法加载js 的解决办法
- js 子模态窗口操作父窗口变量的问题
- Js的弹出窗口
- js的缩放窗口
- CentOS 7.2 安装Clam AntiVirus
- C++ 虚函数表解析
- CodeForces 733B Parade
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- UVA 10829 L-Gap Substrings (后缀数组+RMQ)
- js的模态窗口实例
- 离线宝API自定义换肤攻略
- python爬虫小项目:爬取百度贴吧图片
- cf 731 F. Video Cards (思维好题)
- cocos studio 初体验 版本3.10
- 1.pycharm使用心得 安装和首次使用 2016/11/6
- Ubuntu中如何将Tomcat端口改为80
- 使用hibernate创建相对应的数据库表(@注解配置)
- TCP/IP总结(一):概念讲述以及各层大致功能和协议