Download the jBox 2.3 official version of the multi-function jQuery dialog box plug-in

Version: 2.3 official version

Size: 15.5 k

Download: Click to download

2.3beta upgrade to the official version as long as the jquery. jBox-2.3.min.js can be replaced, there should be no new changes in the near future.

Before using jbox, please take some time to read the online instance and option descriptions of each method. Since jbox was released in 2.2 these days, many friends have added QQ to ask me some small questions. After several months, I will spend time completing my studio website and provide you with more comprehensive application examples and api descriptions.

Online demo: http://www.kudystudio.com/jbox/jbox-demo.html

Plugin description

-JBox is a jQuery-based multi-function dialog box plug-in that can achieve the overall style of the website and give users a new visual experience.

Running Environment

-Compatible with mainstream browsers such as IE6 +, Firefox, Chrome, Safari, and Opera.

Authorization

-JBox is permanently free to use, but relevant copyright information must be kept. If you have good suggestions, you can leave a message below.

[2011-11-11] jBox v2.3 official version

-[Adjustment & repair] iframe or iframe is automatically used to mask IE6 when the page has an active or applet control.

-[Fixed] The Invisible style error of the border when the window is dragged to the right under IE6 (20 PX still exists, but the effect is not significant ).

-[Fixed] incorrect style correction for the minimum icon height of prompt and messager methods in IE6.

-[Fixed] incorrect position of the messager method window in IE6 when the scroll bar is dragged.

-[Fixed] fixed the bug that the browser changed the incomplete mask layer of the hour.

[] JBox v2.3 beta version updated

-[New] The opacity option is added to the tip method, which determines whether to display the isolation layer.

-The showScrolling option is added to [new] To hide the browser's scroll bar when displaying the jBox window.

-[New] When multiple Windows coexist, When you click a window title, the window is automatically at the top level.

-[Adjust] The id Option is changed to null by default. If it is null, a random id is automatically generated, and only one jBox is displayed for an id.

-[Adjust] The loaded option adds the parameter h, which indicates the jQuery object of the window content, so that you can initialize the content after loading the window.

-[Adjust] Put the global settings in a separate js file, unified in the directory i18n, currently only jquery. jBox-zh-CN.js.

-[Adjust] Press the Space key to directly execute the event submitted by the default button (to retain this function, it is not very nice when the button is focused, but the user experience should be prioritized ).

-[Fixed] the Bug that cannot be displayed during Multi-Window switching in IE.

Usage:

FAQs:

1. Use the XHTML 1.0 standard to ensure that the following line is added to the top of the html

2. Do not want to display the title?

Set the title to null, for example, jBox ('content', {title: null });

3. Do not want a button? Custom button?

Setting buttons to {} indicates that no button is displayed, for example, jBox ('content', {buttons :{}});

Custom button: jBox ('content', {buttons: {'button 1': 'button 1 click return value ', 'button 2 ': 'button 2 click return value '}});

You can also set the button for buttonsFocus as the default button. The index starts from 0.

4. Do not display the isolation layer?

Set opacity to 0, for example, jBox ('content', {opacity: 0 });

5. Is the window automatically closed?

Set timeout to 0 to disable automatically. A positive value indicates the number of milliseconds after which it is automatically disabled. For example, disable jBox ('content', {timeout: 3000}) after 3 seconds });

6. If the isolation layer is not displayed, do you want to prevent multiple identical windows from being displayed by clicking the button?

Pass the id in, because an id only displays one window, for example, jBox ('content', {id: 'My-id '});

7. Do you need to specify a value for the window height and width? Can it be adaptive?

Besides iframe, in other cases, the height and width of the window can be specified to be adaptive. For example: jBox ('content', {width: 'auto', height: 'auto '});

There are a lot of optional parameters for jbox, combined with different parameters can have different effects, please see the following global parameter description (in the file jquery. jBox-zh-CN.js ). If you are using simplified Chinese and do not want to modify the global configuration, you do not need to load jquery. jBox-zh-CN.js, because jquery. default settings in the jBox-2.3.min.js and jquery. jBox-zh-CN.js is the same, if you just want to modify a few options, such as window border, just a line of code can: jBox. setDefaults ({defaults: {border: 8 }});

If you like jBox, don't forget to click [recommended] Oh, 3q

Online demo: http://www.kudystudio.com/jbox/jbox-demo.html

Original article: http://www.cnblogs.com/kudy/archive/2011/11/12/2246118.html