说明:Boxy是一个基于JQuery的弹出层插件,它有相对漂亮的外观,功能齐全,支持iframe,支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重,但使用不那么方便。 兼容浏览器:IE6+/Firefox/Google Chrome
官方链接:http://plugins.jquery.com/files/boxy-0.1.4.zip
JS下载:http://www.ijquery.cn/js/jquery.boxy.js
预览: http://www.ijquery.cn/study/demo/boxy
打包下载:http://www.ijquery.cn/study/demo/boxy/boxy.zip
参数说明:
JS代码:
注意,在使用过程中发现好像目前只能用1.7.2的JS,不能使用1.9.0版本的JQuery,否则不会在界面中央弹出。
<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://www.ijquery.cn/js/jquery.boxy.js"></script> <link href="boxy.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function() { $(".boxy").boxy(); }); </script>
HTML代码:
<a href="#m1" class="boxy" title="这是超链接的标题">3.1、点我就会弹出一个对话框</a> <div id="m1" style="display: none"> 我是超链接弹出来的 </div>
CSS代码boxy.css