Heim >Web-Frontend >CSS-Tutorial >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:032779Durchsuche
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!