你的位置:首页 > Java教程

[Java教程]弹出ifame页面(jquery.reveal.js)


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>

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