中山php|最优网络中山做网站 中山php建站

最优良人

2011/08/25 at 12:18

asyncbox异步弹出窗口,jq弹出层插件,可异步加载页面

AsyncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。

介绍及下载地址 http://www.nnhuashi.com/asyncbox/index.html

实例:
$('#select-furns').click(function() {
asyncbox.open({
id: 'select-form',
title: $(this).val(),
url: 'index.php',
width: 700,
height: 400,
tipsbar: {
title: '操作提示',
content: '请先通过下方 <strong>筛选操作</strong>,筛选出你需要的家具。'
},
data: {
module: 'House_Furniture',
load: 'AjaxFurniture',
col_key: '<?php echo $_GET['col_key']; ?>',
lang: '<?php echo getLanguage(); ?>'
}
});
});
注意:如果通过a标签点击弹出,如果a标签的href为javascript:;或javascript:void(0);在ie6下可能会产生阻断,导致页面无法打开
解决的方法是用href=#或者不用a标签
为了防止浏览器跳到顶部,可以加上onclick="return false;" ,或者可以用href=#click这样的形式,这样点击的话如果有id=click的元素浏览器会定位到那里,如果没有,则原地不动

标签:,
-