ホームページ  >  記事  >  ウェブフロントエンド  >  CSS は onMouseOver、onMouseOut 効果、およびネストされたメニューを実装します_html/css_WEB-ITnose

CSS は onMouseOver、onMouseOut 効果、およびネストされたメニューを実装します_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 09:05:041792ブラウズ

IE の タグ。実際、WEB 標準ではすべての要素がサポートされる必要があります。
Mozilla または Opera を使用している場合は、htc なしで正常に実行できることがわかります。 htc は IE に固有のものであるため、他のブラウザはそれを理解できず、結果の表示に影響を与えることなく無視されます。

以下のhtcは外国人が書いたIEのホバー動作の修正です。
このコードがあるとさらに便利です。そして最も価値のあることは、上記のページの例が IE、Mozilla、Opera と互換性があることです。

以前は、HTML でマウス フォーカスを制御するために onMouserOver やその他のイベントが使用されていましたが、CSS を使用して元の面倒な作業を簡素化するという発想はありませんでした。CSS で次のようなことができることに気づきました。複雑なメニューバーも実装できます。

実装の中核部分は csshoover.htc ファイルで、実際にはすべての CSS 形式の処理を担当する JScript コードであり、カスタマイズされた CSS 形式に従って onMouseOver および onMouseOut イベントを生成し、ホバーのコンポーネント化を実現します。使用する場合は、 div:hover{background:#f8f8f8; } を指定するだけで、マウスが div レイヤーに移動したときに背景色を変更するイベントを実現できます。

csshoover.htc



Test.htm


 New Document 







haha
5456456

表格1:







;









OK
はいgt;いいえ
ははfsdfsdf测试
木野狐html/cssjavascript

表格2:










;






OKはい いいえ
ははfsdfsdf测试
木野狐html/cssjavascript


menubar.htm


 anything:hover cssmenu











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