jQuery技术

jQuery提示通知插件jBox

字号+ 作者:H5之家 来源:H5之家 2017-05-10 11:11 我要评论( )

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

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!' });

了解更多 

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

PREVIOUS:

NEXT:

jQuery单页视差效果网站源码

滑块插件Powerange

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
e