您的位置：首页 > Web前端 > JQuery

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

2015-11-11 10:03 597 查看 
<body>
<a  data-reveal-id="myModalDailyModify" data-animation="fade"   title="编辑">编辑</a>
<div style="position:fixed">
<div id="myModalDailyModify" class="reveal-modal">

<iframe   frameborder="no" style="padding-top:30px" width="860" height="408px"  src="WebForm2.aspx"></iframe>
<a class="close-reveal-modal"  >×</a> </div>
</body>


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

<script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>

<script src="../js/jquery.reveal.js" type="text/javascript"></script>
<link href="../styles/reveal.css" rel="stylesheet" type="text/css" />

<style type="text/css" >
.reveal-modal {

top: 80px;
left: 57%;
margin-left: -600px;
width: 850px;
}
</style>


注释：此为项目中的个人案例
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航