Heim > Web-Frontend > js-Tutorial > jquery插件 cluetip 关键词注释_jquery

jquery插件 cluetip 关键词注释_jquery

WBOY
Freigeben: 2016-05-16 18:36:41
Original
1040 Leute haben es durchsucht

这个可以用jquery的一个插件cluetip

地址下载是: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});

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage