Facebook/Twitter スタイルのツールチップを作成したいと思います (人々のプロフィールにカーソルを合わせると、プロフィールの短い要約が表示されます)。多くのチュートリアルに出くわしましたが、それらは jQuery を使用しています。これを行う方法はCSSであり、おそらくjavascriptですか?
+これが画像でも機能することを望みます。
ありがとう
Facebook/Twitter スタイルのツールチップを作成したいと思います (人々のプロフィールにカーソルを合わせると、プロフィールの短い要約が表示されます)。多くのチュートリアルに出くわしましたが、それらは jQuery を使用しています。これを行う方法はCSSであり、おそらくjavascriptですか?
+これが画像でも機能することを望みます。
ありがとう
あなたは純粋なCSSでそれを行うことができます
ホバー疑似クラスを使用してトリガーできます。
これがあなたが始めるべき一般的な概念です
div.profile-on-hover { display: none }
a:hover + .profile-on-hover { display: block }
<a>hover me</a>
<div class="profile-on-hover">bunch of stuff</div>
divは、CSSで機能するために「+」のタグに従う必要があります
おしゃれにしたい場合は、不透明度:0と不透明度:1をcss3トランジションとともに使用して、フェードインさせることもできます。
幸運を