工具提示
你可以使用jQuery选择器添加工具提示元素:
1
|
$( '.tooltip' ).jBox( 'Tooltip' ); |
在用class=“tooltip”的元素将打开工具提示:
1
2
|
< span class = "tooltip" title = "My first tooltip" >Hover me!</ span > < span class = "tooltip" title = "My second tooltip" >Hover me!</ span > |
模态窗口
你可以设置为相同的模态窗口提示。但大多数时候你会想要更多的方法,如一个标题或HTML内容:
1
2
3
4
5
6
7
8
|
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 > |
注意事项
通知后将自动打开,并在一段时间后自我毁灭:
1
2
3
|
new jBox( 'Notice' , { content: 'Hurray! A notice!' }); |
了解更多
这三个例子都是很基本的。该jBox库非常强大,提供了一个广阔的多种选择来定制外观和行为。了解更多的文档中:documentation.html查看