插件描述: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!' });