これは、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: 'クリック'、幅: 650});
6 角丸
$('ol.rounded a:eq(0)').cluetip({splitTitle) : '|'、dropShadow: false、cludetipClass: 'rounded'、showTitle: false});