jbox弹窗_强大的jquery弹出层插件jBox

jBox是一款功能强大的jquery弹出层插件。jBox插件可以用来创建tooltips提示框、模态窗口、图片画廊等多种效果。

使用方法

在页面中引入jBox.all.min.css、jquery和jBox.all.min.js文件。

创建Tooltips

HTML结构如下。

Hover me!

Hover me!

初始化插件：

new jBox('Tooltip', {

attach: '.tooltip'

});

创建模态窗口

HTML结构如下。

Click me to open a modal window!

初始化插件：

new jBox('Modal', {

width: 300,

height: 100,

attach: '#myModal',

title: 'My Modal Window',

content: 'Hello there!'

});

创建确认窗口

HTML结构如下。

Click me!

Click me!

初始化插件：

new jBox('Confirm', {

confirmButton: 'Do it!',

cancelButton: 'Nope'

});

创建消息通知

初始化插件：

new jBox('Notice', {

content: 'Hurray! A notice!',

color: 'blue'

});