内容介绍
简单的jquery弹出层兼容所有浏览器,点击链接时弹出对话框,点击对话框以外的地方,对话框消失,需要的朋友可以参考一下,很适合新手学习。
使用方法
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script type="text/javascript" src="jquery.reveal.js"></script>
html代码
<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">猛击这里</a>
<div id="myModal" class="reveal-modal">
<h1>jquery弹出层 - B5教程网</h1>
<p>jQuery插件库 | jQuery-收集最全最新最好的jQuery插件 b5.mxunkeji.com</p>
<a class="close-reveal-modal">×</a>
</div>