0

オブジェクトの上にカーソルを置いたときに、カーソルでヘルプ テキストを追加する方法のヒントを見つけようとしています。マウスがその DIV にあるときに DIV 要素 (200px x 200px) があり、カーソルの近くにヘルプ テキストが表示され (例: smth を選択してください...)、その div 要素でカーソルをたどります。JSプラグインまたはsmthがあることを知っている人もいますか？あちこち探しましたが、これといったものは見つかりませんでした。

4

1 に答える 1

0

JQuery UI ライブラリツールチップ機能でこれを試すことができ ます。ライブラリをダウンロードして、この順序で html head タグ内に含めます。

<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>

カーソルフォロワーを使用してツールチップ機能を初期化するための Jquery コード 

<script language="javascript" type="text/javascript">
$(document).ready(function() {
        $(document).tooltip({
            track: true
        });
}); 
</script>

HTML本文では、このようなdivタグを使用して、タイトル属性内のツールチップテキストを使用できます

<div id="divElement" class="tooltip" title="Your text here" style="width:200px; height:200px; border:#F00 1px solid">DIV TAG</div>
于 2012-11-12T09:26:52.533 に答える