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

12/6/2015来源:Javascript教程人气:928

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>

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