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!'
});
GitHub   官网演示


赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏