jQuery提示通知插件jBox

 查看演示  website  立即下载

更新时间：2018/1/5 23:36:32

更新说明：

• Bug修复

• 增加了AMD和CommonJS支持

• 插件的新选项，添加图像计数器

使用方法 

工具提示

你可以使用jQuery选择器添加工具提示元素：

$('.tooltip').jBox('Tooltip');

在用class=“tooltip”的元素将打开工具提示：

<span class="tooltip" title="My first tooltip">Hover me!</span>
<span class="tooltip" title="My second tooltip">Hover me!</span>

模态窗口

你可以设置为相同的模态窗口提示。但大多数时候你会想要更多的方法，如一个标题或HTML内容：

new jBox('Modal', {
    width: 300,
    height: 200,
    attach: $('#myModal'),
    title: 'My Modal Window',
    content: '<i>Hello there!</i>'
});
<div id="myModal">Click me to open a modal window!</div>

注意事项

通知后将自动打开,并在一段时间后自我毁灭：

new jBox('Notice', {
    content: 'Hurray! A notice!'
});

了解更多 

这三个例子都是很基本的。该jBox库非常强大，提供了一个广阔的多种选择来定制外观和行为。了解更多的文档中：documentation.html查看

PREVIOUS:
NEXT:
jQuery单页视差效果网站源码
滑块插件Powerange