web-dev-qa-db-ja.com

ユーザーの評判をホバリングするように、JavaScriptなしでホバーテキストを追加する

スタックオーバーフローでは、ユーザーの評判にカーソルを合わせるとテキストが表示されます。私は多くの場所でこれを見ました、そしてソースコードはそれがjsなしで行われることができることを私に告げます。そして私はこれだけやってみた

 <div="text">hover me</div>
213
Ash

たとえばtitle属性を使用します。

<div title="them's hoverin' words">hover me</div>

または

<span title="them's hoverin' words">hover me</span>
398
gcochard

このような状況では、しばしばhtmlタグの略語にたどり着きます。

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp

15
Harry Bosh

Title属性は他のHTML要素、例えばlink ...でもうまく機能します。

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>
13
Slavomir

あなたはツールチップを探しています

基本的なツールチップは、次のとおりです。

<div title="This is my tooltip">

より愛らしいJavaScriptバージョンの場合は、次のようになります。

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

上記のリンクはあなたにツールチップのための12のオプションを与えます。

6
Abk