1

ホバーしてクリックしたときに画像とテキストを変更する方法について質問がありました。それらは並べて配置されており、同時にそれらを交換する方法を知っています。今、私のフォローアップの質問は次のとおりです。これらの画像とテキストのいくつかを次々に交換するにはどうすればよいですか？

cssだけで実行できますか？または、スクリプトを追加する必要がありますか？

4

3 に答える 3

1

あなたが求めているのが、与えられた時間間隔でそれらを自動的に交換できるかどうかであるなら、答えはイエスです、それはキーフレームアニメーションを使用してCSSで可能です-あなたはopacityプロパティをアニメーション化することができます。

更新：キーフレームアニメーションを使用した画像ギャラリー

ある種のサムネイルやナビゲーションボタンがある場合にもこれを行うことができます。この場合、これは前の質問の回答で使用したのとほぼ同じ手法です。非常に基本的です（つまり、非常に基本的なのは、数分前、それから私はあまりにも怠惰で、かわいらしくすることができませんでした）ナビゲーションにサムネイルを使用したこの種のギャラリーの例はここhttp://dabblet.com/gist/3102051で見ることができます。

于 2012-07-18T20:27:21.953 に答える
0

はい、CSSのみを使用して可能です。詳細については、このブログ投稿を確認してください： http ://sixrevisions.com/css/css-only-tooltips/ 。また、その方法を理解するのに役立つサンプルコードを提供していただけますか。それにもかかわらず、私が上で述べたリンクはあなたを助けることができなければなりません。

于 2012-07-18T20:31:01.127 に答える
0

CSS：hover pseudo-classを使用して、ホバーイベントで背景画像を変更できます（または背景位置の変更はCSSスプライトを使用します）が、クリックイベントに対して同じことを行うCSSのみの方法はありません。あなたはおそらくこれのためにjavascriptを見る必要があるでしょう

于 2012-07-18T20:23:32.203 に答える