最新消息:

第59款插件:jquery.boxy.js弹出对话框

弹出插件 杨红伟 10225浏览 0评论

说明:Boxy是一个基于JQuery的弹出层插件,它有相对漂亮的外观,功能齐全,支持iframe,支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重,但使用不那么方便。 兼容浏览器:IE6+/Firefox/Google Chrome

1

官方链接: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

参数说明:

11

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

  1boxy-ne.png 2boxy-nw.png 3boxy-se.png 4boxy-sw.png

1111  
 

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址