jquery信息提示框——clueTip的应用

1、基本设置

鼠标滑向看看效果

Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. For example, if you want to attach clueTips to all links with a class of "peanuts," you would simply write in your jQuery code: $('a.peanuts').cluetip();.

2、Ajax加载页面

Ajax加载页面

3、定制窗口宽度和隐藏标题栏:

This tip has a custom width of 200px. The clueTip title bar (heading) is hidden. Try me!

4、需要手工关闭的窗口

his sticky clueTip has its "close" text in the title bar. It won't close until you close it, or until you hover over another clue-tipped link. It also displays an arrow on one of its sides, pointing to the invoking element. sticky clueTip with arrows

5、无链接、自定义鼠标滑上去的样式

Hover over me

6、加载本地内容

Hello