码迷,mamicode.com
首页 > Web开发 > 详细

弹出ifame页面(jquery.reveal.js)

时间:2015-11-11 11:16:37      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

1 <body>
2    <a  data-reveal-id="myModalDailyModify" data-animation="fade"   title="编辑">编辑</a>
3         <div style="position:fixed">
4       <div id="myModalDailyModify" class="reveal-modal">
5          
6      <iframe   frameborder="no" style="padding-top:30px" width="860" height="408px"  src="WebForm2.aspx"></iframe>
7     <a class="close-reveal-modal"  >×</a> </div>
8 </body>

引用:(个人发现我引用的jquery.reveal.js必须引用 jquery-1.8.0,更高版本会弹不出来)

 1  <script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
 2    
 3     <script src="../js/jquery.reveal.js" type="text/javascript"></script>
 4         <link href="../styles/reveal.css" rel="stylesheet" type="text/css" />
 5   
 6   <style type="text/css" >
 7         .reveal-modal {
 8   
 9     top: 80px;
10     left: 57%;
11     margin-left: -600px;
12     width: 850px;
13         }
14           </style>

注释:此为项目中的个人案例

弹出ifame页面(jquery.reveal.js)

标签:

原文地址:http://www.cnblogs.com/woloveprogram/p/4955292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!