1

私はウェブサイト ビルダー (Weebly) を使用しており、ウェブページ上の特定の単語 (強調表示されている - 太字、別の色など) にカーソルを合わせると、その単語の定義と共にツールチップが表示されるようにしたいと考えています。 .

Weebly には、ページにコードを埋め込むオプションがありますが、段落内には埋め込めません。pタグ内の特定の単語の上にマウスを置いたときに定義が表示されるようにページを設定する方法はありますか?

もう 1 つのオプションは、別の用語集ページのアンカーに単語をハイパーリンクすることですが、ユーザーがブラウザの [戻る] ボタンなどをクリックする必要があり、すべての設定に時間がかかるため、面倒です。ハイパーリンクとアンカー。

アドバイスをいただければ幸いです。

4

3 に答える 3

0

abbrタグを使用できます

<abbr title="World Health Organization">WHO</abbr>

ブラウザはツールチップを自動的に表示するはずです。

于 2013-10-03T12:23:27.243 に答える
0

単語をスパンにカプセル化し、タイトル属性を与えることができます。このような:<span title="Model View Controller">MVC</span>

于 2013-10-03T14:09:20.827 に答える
0

私は Weebly にあまり詳しくありませんが、基本的なスクリプトを作成できるのであれば、プロセスは非常に簡単です。

ここにいくつかのスニペットがあります。

HTML:

<p>The brown fox jumped over the <a href="#" title="This is the definition">lazy</a> dog.</p>

JS ( Jquery UIライブラリを使用):

  <script>
  $(function() {
    $( document ).tooltip();
  });
  </script>
于 2013-10-03T12:25:10.920 に答える