10

.pngユーザーがウェブサイトの要素を示すヘルプのヒント(おそらく画像)を表示する「ヘルプ」リンクをクリックするとポップアップするオーバーレイレイヤーを作成したいと思います。

私はこれが他のウェブサイトで行われているのを見ました(現在は見つかりませんが)。ページ全体に半透明のオーバーレイがあり、ヘルプのヒントが表示されます。次に、ユーザーが「閉じる」ボタンをクリックまたはクリックした場合にオーバーレイを非表示にします。

質問がたくさんあることは理解していますが、誰かが私を正しい方向に向けたり、オンラインチュートリアルなどを教えてくれたら、本当に感謝しています:)

これが私のウェブサイトで作成したい効果の例です: jqueryオーバーレイWebサイトのヘルプのヒント

4

5 に答える 5

20

Chardin.jsを見てください、それはかなり素晴らしく、実装が簡単です

于 2013-08-16T15:34:14.763 に答える
9

Impromptuプラグインを見てください

http://trentrichardson.com/Impromptu/

于 2012-05-17T16:23:52.397 に答える
3

もう1つの優れたプラグインはchardinhttp : //heelhook.github.io/chardin.js/のようです

于 2014-01-17T19:52:51.223 に答える
1

まず、オーバーレイを作成する方法を学ぶ必要があります。これは、基本的なCSSを少し使用するだけで簡単に実行できます。

ヘルプを表示するもの(PNG画像)は、オーバーレイ要素(おそらくはdiv)内に含まれます。それらを配置する必要があります。純粋なCSSを使用して配置するか、jQueryUIのPositionヘルパーなどを使用して支援するかを選択できます。

最後に、オーバーレイの切り替えを開始するには、Javascript/jQueryを少し必要とします。jQueryのイベントについて調べたいと思います。おそらく、あなたはにアタッチするつもりですclick

于 2012-05-17T16:27:55.590 に答える
0

Colorboxのようなものを探しているようですね

于 2012-05-17T16:23:12.220 に答える