ホームページ >ウェブフロントエンド >htmlチュートリアル >新しい Tencent Web サイトの右側にある「Everyone Likes to View」というメッセージをどのように作成したか聞いてもいいですか? _html/css_WEB-ITnose

新しい Tencent Web サイトの右側にある「Everyone Likes to View」というメッセージをどのように作成したか聞いてもいいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:13:461129ブラウズ

マスター、おはようございます。 Tencent の新しいバージョンの Web サイトの右側には、「Everyone Likes to See」という項目があり、そこにマウスを置くと、元のテキストのタイトルが画像とテキスト表示に変わります。とても実践的で、とても興味深いです
専門家、これは原理的には何でしょうか?サンプルコードを教えていただけますか?ありがとうございます




ディスカッション(解決策)への返信

アイデアを教えてください。 jsにはホバーイベントがあります。またはマウスオーバーとマウスアウト。テキストの上にマウスを移動すると、実際にはマウスを上に移動したときに表示される内容を含む div が構造内にありますが、マウスを上に移動すると非表示になります。外すと隠れます。 。 。 。 。 。ご不明な点がございましたら、サイトにメッセージを残してください
テーマCSS疑似クラスを検索

http://www.sharejs.com/js/menu/10460

ケースコード〜ダウンロードできます

直接検索 See More 「マウスオーバーしてズームイン」してコードを取得し、自分で変更するのが最も実用的です。


専門家の方々に感謝します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。