通常のjpg写真と2つのテキストリンクがあります。ユーザーが textlink 1 をマウスオーバーすると、jpg-photo の上に透明な png-photo を表示したいと思います。ユーザーが textlink 2 をマウスオーバーすると、jpg の上に別の png-photo を表示したいと思います。マウスアウトすると、png は再び消えるはずです。
可能?そして、CSSだけでそれを行うことができますか、それともjavascriptが必要ですか? ありがとうございます。
通常のjpg写真と2つのテキストリンクがあります。ユーザーが textlink 1 をマウスオーバーすると、jpg-photo の上に透明な png-photo を表示したいと思います。ユーザーが textlink 2 をマウスオーバーすると、jpg の上に別の png-photo を表示したいと思います。マウスアウトすると、png は再び消えるはずです。
可能?そして、CSSだけでそれを行うことができますか、それともjavascriptが必要ですか? ありがとうございます。
ページの html レイアウトに応じて、ホバー CSS セレクターを使用してこのような問題を解決できます。
#11:hover img {
display:inline:
Add other blocks
}
はい、要件に応じて、JQuery、JS、または CSS で可能です。使用するのに適したスクリプトは次のとおりです。
http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
あなたのリクエストはjQueryの力を使って簡単に行うことができます:)私はjQueryを使って何かを作りました、そしてあなたはここでそれを見つけることができます
http://jsfiddle.net/xrmqq/
それはあなたがやりたいことに近いです。