ホームページ > 記事 > ウェブフロントエンド > CSS の Behavior 属性とその使用例の紹介
CSS の動作属性の構文をご存知ですか? CSS Web ページをレイアウトするときに、フォームのコンテンツを更新する必要がある状況によく遭遇しますが、CSS の動作は非常に複雑です。この問題は解決しました。
この記事では、CSS での動作属性構文の使用に焦点を当てます。CSS Web ページをレイアウトするときに、フォーム内のコンテンツを更新する必要がある状況によく遭遇しますが、実際にはこれが使用されます。そうするのは面倒ですが、CSS の動作はこの問題を非常にうまく解決します。
CSS 属性の動作構文
CSS Web ページをレイアウトしているとき、更新時にフォームにコンテンツを保持する必要がある状況によく遭遇します。私たちは Cookie を使用することに慣れていますが、そうするのは非常に面倒です。 CSS の動作がそれを実現します。この問題に対する非常に良い解決策です。今日は CSS 属性の動作の構文を紹介します。
behavior 属性構文:
behavior:url(url)|url(#objID)|url(#default#behaviorName)
Value:
url(url): 絶対または相対 URL アドレスを使用して DHTML 動作コンポーネント (.htc) を指定します
url(#objID): バイナリ実装を使用します (ActiveX® コントロールとして) )の動作。ここの #objID はオブジェクト object の id 属性値です
url(#default#behaviorName) : IE のデフォルトの動作。動作の名前識別子 (#behaviorName) によって指定されます
説明: オブジェクトの DHTML 動作を設定または取得します。複数のアクションはスペースで区切ります。
同じ機能に関連付けられた複数の動作が競合する場合、結果は動作が機能に適用される順序によって異なります。後のアクションは前のアクションより優先されます。異なる動作によって提供されるプロパティ、イベント、メソッド間の名前の競合にも同じルールが適用されます。
addBehavior メソッドを使用して、オブジェクトに動的にビヘイビアーを追加できます。
このプロパティは、currentStyle オブジェクトに対して読み取り専用です。他のオブジェクトについては、読み取りと書き込みが可能です。
スタイル シート (CSS) の動作属性を使用してインラインで定義された動作、または addBehavior メソッドを使用して添付された動作は、オブジェクトがドキュメント ツリーから削除されても自動的に切り離されないことに注意することが重要です。ドキュメント内のスタイルシート ルールによって定義された動作は、オブジェクトがドキュメント ツリーから削除されると自動的に切り離されます。
スクリプト呼び出し
ExampleSourceCode
<html> <head> <style> h1{behavior:url(behave.htc)} </style> </head> <body> <h1>把鼠标放在这里52css.com</h1> </body> </html> behave.htc <component> <attachforattachfor="element"event="onmouseover"handler="hig_lite"/> <attachforattachfor="element"event="onmouseout"handler="low_lite"/> <scripttypescripttype="text/javascript"> functionhig_lite() { element.style.color=255 } functionlow_lite() { element.style.color=0 } </script> </component>
注: CSS を使用する場合は、Behaviors テクノロジの使用を避けるようにしてください
Internet ExplorerBehaviors
それは何ですか? Internet Explorer 5 では動作 (動作) が導入されました。ビヘイビアは、CSS を使用して HTML 要素にビヘイビアを追加する方法です。
なぜそれを避けるべきですか? Internet Explorer のみが動作属性をサポートします。
代わりに何を使う?代わりに JavaScript と HTMLDOM を使用してください
以上がCSS の Behavior 属性とその使用例の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。