jquery插件 cluetip 关键词注释_jquery
程序员文章站
2022-06-05 19:30:22
...
这个可以用jquery的一个插件cluetip
地址下载是:plugins.learningjquery.com/cluetip/demo/
下面简单讲解下用法:
1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如:
$('a.basic').cluetip();
3 定义弹出框的高度大小等:
$('a.custom-width').cluetip({width: '200px', showTitle: false});
4 当鼠标移动到某连接时弹出:
$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
5 当用户主动点这个连接时,才弹出提示
$('#clickme').cluetip({activation: 'click', width: 650});
6 圆角的
$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});
地址下载是:plugins.learningjquery.com/cluetip/demo/
下面简单讲解下用法:
1 首先当然要放JQUERY的基本JS,和这个插件的JS了,如:
$('a.basic').cluetip();
3 定义弹出框的高度大小等:
$('a.custom-width').cluetip({width: '200px', showTitle: false});
4 当鼠标移动到某连接时弹出:
Hover over me
$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
5 当用户主动点这个连接时,才弹出提示
$('#clickme').cluetip({activation: 'click', width: 650});
6 圆角的
$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});
下一篇: jersey2搭建流程
推荐阅读