jBox 是一款基于 jQuery 的多性能对话框插件,可以完成网站的全体格调成果,给用户一个新的视觉享用.
QQ空间的DIV窗口样子却是没有错,惋惜搞源码不易,只好拿jBox代码修正下。
成果图以下:(怎样样?有几分神似吧)
那怎样挪用呢。
第一种是iframe挪用,就是把另外一个页面嵌入到div窗口中来。
jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','width=400,height=250,center=true,draggable=true,model=true');
第二种是先正在页面写一些将要显示到div窗口外面的代码,如:
<div id="login-table" style="display:none;">test</div>
接上去就能够很容易挪用了,怎样样,简略吧。
$('#login-table').openjBox('width=400,height=250,center=true,draggable=true,model=true','用户登录');
- [新增] tip办法添加了 opacity 选项,它决议能否显示隔离层。
- [新增] 添加了 showScrolling 选项,正在显示jBox窗口时能够暗藏阅读器的滚动条。
- [新增] 多个窗口共存时,点击某个窗口题目时,窗口主动处于最顶层。
- [调整] id 选项默许改成null,当为null时会主动天生随机id,一个id只会显示一个jBox。
- [调整] loaded 选项添加了个参数h,参数h示意窗口内容的jQuery工具,不便用户正在窗口加载后对内容进行初始化解决。
- [调整] 把全局设置放到自力的js文件,对立放正在目次 i18n,今朝只有jquery.jBox-zh-CN.js。
- [调整] 按空格键可间接执行默许按钮提交的事情(为保存此性能,按钮为焦点时没有是很难看,但用户体验应该优先思考)。
- [修复] 修复正在IE下多窗口状态切换时显示没有了的Bug。
应用办法:
<script type="text/javascript" src="jBox/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jBox/jquery.jBox-2.3.min.js"></script>
<script type="text/javascript" src="jBox/i18n/jquery.jBox-zh-CN.js"></script>
<link type="text/css" rel="stylesheet" href="jBox/Skins/皮肤文件夹/jbox.css"/>
// 或
<link type="text/css" rel="stylesheet" href="jBox/Skins2/皮肤文件夹/jbox.css"/>
QQ空间的DIV窗口样子却是没有错,惋惜搞源码不易,只好拿jBox代码修正下。
成果图以下:(怎样样?有几分神似吧)
那怎样挪用呢。
第一种是iframe挪用,就是把另外一个页面嵌入到div窗口中来。
jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','width=400,height=250,center=true,draggable=true,model=true');
第二种是先正在页面写一些将要显示到div窗口外面的代码,如:
<div id="login-table" style="display:none;">test</div>
接上去就能够很容易挪用了,怎样样,简略吧。
$('#login-table').openjBox('width=400,height=250,center=true,draggable=true,model=true','用户登录');
- [新增] tip办法添加了 opacity 选项,它决议能否显示隔离层。
- [新增] 添加了 showScrolling 选项,正在显示jBox窗口时能够暗藏阅读器的滚动条。
- [新增] 多个窗口共存时,点击某个窗口题目时,窗口主动处于最顶层。
- [调整] id 选项默许改成null,当为null时会主动天生随机id,一个id只会显示一个jBox。
- [调整] loaded 选项添加了个参数h,参数h示意窗口内容的jQuery工具,不便用户正在窗口加载后对内容进行初始化解决。
- [调整] 把全局设置放到自力的js文件,对立放正在目次 i18n,今朝只有jquery.jBox-zh-CN.js。
- [调整] 按空格键可间接执行默许按钮提交的事情(为保存此性能,按钮为焦点时没有是很难看,但用户体验应该优先思考)。
- [修复] 修复正在IE下多窗口状态切换时显示没有了的Bug。
应用办法:
<script type="text/javascript" src="jBox/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jBox/jquery.jBox-2.3.min.js"></script>
<script type="text/javascript" src="jBox/i18n/jquery.jBox-zh-CN.js"></script>
<link type="text/css" rel="stylesheet" href="jBox/Skins/皮肤文件夹/jbox.css"/>
// 或
<link type="text/css" rel="stylesheet" href="jBox/Skins2/皮肤文件夹/jbox.css"/>
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。