插件描述——jBox是基于jQuery的多功能对话框插件,可以实现网站的整体风格,给用户一种全新的视觉享受。运行环境-兼容主流浏览器,如IE6、火狐、Chrome、Safari和Opera。License-jBox将永远免费使用,但必须保留相关版权信息。如果你有什么好的建议,可以直接在下面留言。
版本:2.3大小:19.8k下载:点击下载在线demo:http://www.kudystudio.com/jbox/jbox-demo.html[2011-11-08]JBOX v 2.3 Beta版更新复制代码。代码如下:-[New] tip方法增加了不透明度选项,决定是否显示隔离层。-[新增]增加了showScrolling选项,在显示jBox窗口时可以隐藏浏览器的滚动条。-[新建]当多个窗口共存时,当点击一个窗口标题时,窗口将自动位于顶层。-[调整] id选项默认更改为null。为空时,会自动生成随机id,每个id只显示一个jBox。-[调整]参数h被添加到加载的选项中。参数h表示窗口内容的jQuery对象,方便用户在加载窗口后初始化内容。-[调整]将全局设置放在一个独立的js文件中,并将其放在目录i18n中。目前只有jquery.jBox-zh-CN.js.-[调整]按空格键直接执行默认按钮提交的事件(要保留这个功能,按钮对焦的时候不太好看,但要优先考虑用户体验)。-[修复]修复IE下多窗口状态切换时无法显示的bug。用法:复制代码如下: script type=' text/JavaScript ' src=' http 3360 jbox/jquery-1 . 4 . 2 . min . js '/script type=' text/JavaScript ' src=' http 3360 jbox/jquery . jbox-2 . 3 . min . js '/script type=' text/JavaScript ' src=' http 3360 jbox/i18n/jquery . jbox。请使用XHTML 1。键入doctype html public '-//W3C//dtd XHTML 1.0 transitional//en ' ' http://www.w3.org/tr/XHTML 1/dtd/XHTML 1-transitional . dtd ' 2。不想显示标题?将title设置为null,例如:jBox ('content ',{ title : null });3.不想要纽扣?自定义按钮?将按钮设置为{}表示不显示按钮,例如:jBox ('content ',{ button s 3360 { });自定义按钮:jBox ('content ',{ button s : { ' button 1 ' : ' button 1单击返回值',' button 2':' button 2单击返回值' });还可以设置哪个按钮buttonsFocus想要成为默认按钮,索引从0开始。4.不显示隔离层?不透明度设置为0,例如:jBox ('content ',{ opa city 3360 0 });5.窗口自动关闭?将超时设置为0表示不自动关机,正数表示自动关机的毫秒数,例如3秒后:jBox ('content ',{ time out : 3000 });6.是否要防止单击按钮弹出多个相同的窗口而不显示隔离层?传入id,因为一个id只会显示一个窗口,例如:jBox ('content ',{ id : ' my-id ' });7.必须指定窗口的高度和宽度值吗?你能适应吗?除了iframe,在其他情况下,可以指定窗口的高度和宽度是自适应的,例如:jBox ('content ',{width :' auto ',height : ' auto ' });jbox的可选参数很多,结合不同的参数可以有不同的效果。请检查以下全局参数的描述(在文件jquery.jBox-zh-CN.js中)。
如果使用的是简体中文,不想更改全局配置,就不需要加载jquery.jBox-zh-CN.js,因为jquery.jBox-2.3.min.js中的默认设置和jquery.jBox-zh-cn.js是一样的,如果只想修改一些选项,比如窗口边框,只需要一行代码:jbox。喜欢jBox的朋友别忘了点击【推荐】。3q复制代码如下: /* jBox全局设置*/var jBox config={ };jbossconfig . defaults={ id : null,/*页面中的唯一id。如果为空,将自动生成一个随机id。每个id将只显示一个jbox */top :“15%”。/*从窗户到顶部的距离。它可以是百分比或像素(如‘100px’)*/border 3360 5,/*窗口外边框的像素大小,必须是大于0的整数*/opa city 3360 0.1,/*窗口隔离层的透明度,如果设置为0,隔离层将不会显示*/timeout3360 0 0,/*窗口将在多少毫秒后自动关闭。如果设置为0,*/showtype:“淡入淡出”将不会自动关闭。/*窗口中显示的类型可以从:show、淡入淡出、滑动*/showSpeed: 'fast '、/*和/*窗口中显示的速度中选择。可选值为: '慢速','快速',代表毫秒的整数*/showicon3360true,/*是否显示窗口标题图标,true显示,false不显示,或者自定义CSS样式类名(以图标为背景)*/show closes : true。/*是否在窗口右上角显示关闭按钮*/draggable: true,/*是否可以拖动窗口*/dragLimit: true,/*如果可以拖动窗口是否限制可视范围*/dragclone:failure,/*如果可以拖动窗口,按下鼠标时窗口是否克隆窗口*/Persistence3360 True,/*显示隔离层时, 单击隔离层时是否不应关闭窗口*/ShowScrolling 3360 True,/*当窗口内容由前缀get:或post:标识时,是否显示滚动条浏览*/ajaxData: {}、/* AJax post的数据,如:{id: 1}或' id=1 ' */iframescrolling 3360 ' auto '。 /*如果窗口内容由iframe:前缀标识,iframe的Scrolling属性值,可选值为:‘auto’,‘yes’,‘no’*/title :‘jBox’,/*窗口标题*/width: 350,/*窗口宽度,值为‘auto’或代表pixel */height :‘auto’的整数。/*窗口的高度,值为' auto '或代表像素的整数*/bottomText: ' ',/*窗口按钮左侧的内容,此设置在没有按钮时无效*/buttons: {'ok' : 'ok' },/*窗口的按钮*/button s 3360 0 0 0,/*表示哪个按钮是默认按钮,索引从0开始。*/loaded:函数(h) {},/*窗口加载后要执行的函数。需要注意的是,如果它是ajax或者iframe,那么在http请求被加载之前,窗口是不会被加载的。参数h表示窗口内容*/submit:function (v,h,f)的jQuery对象。},/*点击窗口按钮后点击回调函数。当它返回true时,意味着关闭窗口。有三个参数,v代表被点击按钮的返回值,h代表窗口内容的jQuery对象,f代表窗口内容中的表单键值*/closed: function () {} /*窗口关闭后要执行的函数*/};jbossconfig . state defaults={ content : ' ',/* state content,不支持前缀标识*/buttons: {'OK' : 'ok' },/* state button */button focus 3360 0,/*表示哪个按钮是默认按钮。索引从0 *开始/submit:函数(v,h,f){返回true}/*点击状态按钮后的回拨功能。当它返回真时,意味着关闭窗口。有三个参数。v代表被点击按钮的返回值,H代表窗口内容的jQuery对象,F代表窗口内容*/}中表单表单的键值;jbossconfig . tip defaults={ content : ' ',/*提示内容,前缀标识*/icon:不支持' info ',/*提示图标,可选值为' info ',' success ',' warning ',' error ',' loading ',默认值为' info '。
*/top: '40% ',/*从尖端到顶部的距离可以是百分比或像素(如' 100px') */width: 'auto ',/*尖端的高度为' auto '或表示像素的整数* */height: 'auto ',/* *尖端的高度。值为' auto '或代表像素的整数*/opa city 3360 0,/*窗口隔离层的透明度,如果设置为0,隔离层将不会显示*/timeout 3360 3000,/*提示它将自动关闭多少毫秒,并且它必须是大于0的整数*/loaded3360 function (h) {}/*窗口加载后。Jboxconfig.messager默认值={content: ' ',/*信息内容不支持前缀标识*/title: 'jBox ',/*信息标题* */icon: 'none ',/* *信息图标,如果值为' none ',图标将不显示。可选值有'无','信息','问题','成功','警告','错误' */宽度: 350,/*信息的高度,值为'自动'或代表像素的整数* */高度: '自动',/* *信息的高度,值为'自动'或代表像素的整数*/timeout: 3000。/*信息显示它将自动关闭的毫秒数。如果设置为0,它将不会自动关闭*/showtype:“幻灯片”。/*显示的信息类型。可选值为:show,fade,slide */showSpeed: 600,/*信息显示速度,可选值为:'slow ',' fast ',代表毫秒的整数*/border33600,/*信息外边框像素大小,必须是大于0的整数*/buttons 3360 { },/*按钮的信息* */buttons focus : 0 0 0 0,/* *表示哪个按钮是默认按钮,索引从0 * */loaded: function () {}开始},/*点击回拨功能后的信息按钮。当它返回true时,意味着关闭窗口。有三个参数,v代表被点击按钮的返回值,h代表窗口内容的jQuery对象,f代表窗口内容中的表单键值*/loaded:函数(h) {} /*窗口加载后要执行的函数,h代表窗口内容的jQuery对象*/}。jbox config . language defaults={ close : ' close ',/*窗口右上角的关闭按钮提示*/ok:' ok ',/* $.jBox.prompt()系列方法的' ok '按钮文本*/yes:' yes ',/* $.jBox.warning()方法的' yes '按钮文本*/no 3: ' No ',/* $.jBox.warning()方法的' No '按钮文本*/cancel3360' Cancel' /* '$ . JBox . SetDefaults(JBoxconfig);