0

Webアプリケーションのいくつかのアイテムに関する「ヘルプ」情報を追加したいと思います。ユーザーはそのアイテムにカーソルを合わせ、ポップアップボックスまたは小さなウィンドウにヘルプが表示されます。jqueryまたはjavascriptで表示する良い例はありますか？

4

3 に答える 3

2

あなたの質問は非常にオープンですが、コンテンツと位置が動的になる最初は非表示の DIV を持つことができます。

<div id="tooltip" style="display:none; position: absolute; z-index: 1000"></div>

z-index プロパティは、DIV の可視性を確保するためのものです。もちろん、値は、より高い z-index を持つ他の要素があるかどうかによって異なります。

次に、いくつかの JS 関数を作成できます。1 つは div を表示するためのもので、もう 1 つはそれを非表示にするためのものです。

function showTooltip (content, x, y) {
    $('#tooltip')
        .html(content)
        .css({left: x, top: y})
        .show();
}
function hideTooltip()
{
    $('#tooltip').hide();
}

関数は、マウス イベント (mousenter、mouseleave など) によってトリガーされます。もちろん、CSS を使用して DIV の美学を調整することもできます。

于 2012-08-16T15:57:08.140 に答える
1

以下は、JQuery ツールチップ プラグインのリストです。

于 2012-08-16T15:57:55.180 に答える
0

これは、新しいユーザー向けのツアーを作成するための優れたプラグインでもあります

jquery-ジョイライド

于 2012-08-16T16:10:41.440 に答える