游客

标题:weebox(基于jquery的弹窗插件) 用法详解
正文:
weebox是一个基于jquery的弹窗插件，一开始只是拿了一个 jQuery Modal Dialog 来用，但那位任兄写的支持太有限了，于是就着手修改代码，但改到后面，发现基本上看不到原来的代码了，只有css样式中几张背景图留下来了，我就改了个名字。它含有以下特性：.支持多层弹窗.支持单一弹窗，即同ID弹窗在打开第二次使用时，前一个将被自动关闭，参考boxid选项.支持自定义样式，参考boxclass选项.解决IE中SELECT的问题，使用了bgiframe功能.支持拖动效果，通过draggable设置，参考draggable选项.支持内容来源方式Ajax, Selector(jQuery的), Text(直接内容).支持多种弹窗类型,参考type选项.支持自动关闭,参考timeout选项.支持遮照效果(modal弹窗)，参考modal选项.支持不同的显示位置，中间或者以某个元素为参照物，参考position选项.支持弹窗打开前(onopen)、点确认(onok)、点取消(oncancel)、关闭窗口(onclose)等的回调函数.支持打开后，重新设置标题(setTitle)、内容(setContent)、按钮等方法.支持只在弹窗内查找元素的方法:find(selector).支持打开和关闭时的动画效果，参考animate、showAnimate,hideAnimate选项使用前需包含以下jquery.js、bgiframe.js、weebox.js、wee.css文件基本用法举例如下: $.weeboxs.open('#testbox', {title: 'hello world', width:400, height: 200});$.weeboxs.open('The operation failed.',{onopen:function(){alert('opened!');},onclose:function(){alert('closed!');}, onok:function(){alert('ok');$.weeboxs.close();} });$.weeboxs.open('/modules/test/testsession.php', {contentType:'ajax'});$.weeboxs.open('hello
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页