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

2024-04-27 15:02:23

字体：大中小

来源：转载

供稿：网友

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>