jQuery提示通知插件jBox

jQuery提示通知插件jBox

插件描述:jBox是一个强大和灵活的jQuery插件,用于创建你所有的模态窗口,提示,通知或更多。

使用方法

工具提示

你可以使用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!'
});


未经允许请勿转载:程序喵 » jQuery提示通知插件jBox

点  赞 (0) 打  赏
分享到: