Heim > Artikel > Web-Frontend > Einführung in das Verhaltensattribut in CSS und seine Verwendung anhand von Beispielen

Einführung in das Verhaltensattribut in CSS und seine Verwendung anhand von Beispielen

零下一度Original: 2017-07-26 16:35:032758Durchsuche

Kennen Sie die Syntax von Verhaltensattributen in CSS? Nützlich für uns. Ok, das Problem wurde gelöst.

Dieser Artikel konzentriert sich auf die Verwendung der Verhaltensattributsyntax in CSS. Beim Entwerfen von CSS-Webseiten stoßen wir häufig auf Situationen, in denen wir den Inhalt des Formulars aktualisieren und Cookies verwenden müssen Das wirklich problematische Verhalten in CSS löst dieses Problem für uns sehr gut.

CSS-Attributverhaltenssyntax

Beim Entwerfen von CSS-Webseiten stoßen wir häufig auf Situationen, in denen wir den Inhalt des Formulars aktualisieren und Cookies verwenden müssen, aber das ist wirklich problematisch. Verhalten in CSS löst dieses Problem für uns sehr gut. Heute werde ich Ihnen die Syntax des CSS-Attributverhaltens vorstellen.

Syntax des Verhaltensattributs:

behavior:url(url)|url(#objID)|url(#default#behaviorName)

Wert:

url(url): Verwenden Sie eine absolute oder relative URL-Adresse, um die DHTML-Verhaltenskomponente (.htc) anzugeben

url(#objID): Verhalten implementiert mit Binärdatei (als ActiveX®-Steuerelement). #objID ist hier der ID-Attributwert des Objektobjekts

url(#default#behaviorName)　: Standardverhalten des IE. Wird durch den Namensbezeichner des Verhaltens (#behaviorName) angegeben

Beschreibung: Legt das DHTML-Verhalten des Objekts fest oder ruft es ab. Trennen Sie mehrere Aktionen durch Leerzeichen.

Wenn mehrere Verhaltensweisen, die mit derselben Funktion verbunden sind, in Konflikt geraten, hängt das Ergebnis von der Reihenfolge ab, in der die Verhaltensweisen auf die Funktionen angewendet werden. Die letztgenannte Aktion hat Vorrang vor der vorherigen Aktion. Die gleichen Regeln gelten für Namenskonflikte zwischen Eigenschaften, Ereignissen und Methoden, die von verschiedenen Verhaltensweisen bereitgestellt werden.

Mit der addBehavior-Methode können Sie Verhaltensweisen dynamisch an Objekte anhängen.

Diese Eigenschaft ist für das currentStyle-Objekt schreibgeschützt. Es ist für andere Objekte lesbar und beschreibbar.

Es ist wichtig zu beachten, dass Verhaltensweisen, die inline mithilfe des Verhaltensattributs eines Stylesheets (CSS) definiert oder mithilfe der addBehavior-Methode angehängt werden, nicht automatisch getrennt werden, wenn das Objekt aus dem Dokumentbaum entfernt wird. Durch Stylesheet-Regeln in einem Dokument definiertes Verhalten wird automatisch gelöst, wenn das Objekt aus der Dokumentstruktur entfernt wird.

Aufrufskript

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>

Hinweis: Vermeiden Sie die Verwendung der Behaviors-Technologie, wenn Sie CSS

InternetExplorerBehaviorses Was ist das? Mit Internet Explorer 5 wurden Verhaltensweisen (Verhalten) eingeführt. Verhalten sind eine Möglichkeit, mithilfe von CSS Verhaltensweisen zu HTML-Elementen hinzuzufügen.
Warum sollten Sie es vermeiden? Nur Internet Explorer unterstützt das Verhaltensattribut.
Was stattdessen verwenden? Bitte verwenden Sie stattdessen JavaScript und HTMLDOM

Das obige ist der detaillierte Inhalt vonEinführung in das Verhaltensattribut in CSS und seine Verwendung anhand von Beispielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Teilen Sie das Beispiel-Tutorial zum CSS-ÜberlaufNächster Artikel：Teilen Sie das Beispiel-Tutorial zum CSS-Überlauf

In Verbindung stehende Artikel

Mehr sehen