So ändern Sie die Mausform in HTML

So ändern Sie die Form der Maus in HTML: 1. Verwenden Sie das Cursor-Attribut von CSS, um die Form des Mauszeigers zu ändern, Code wie „.a{ Cursor:Hand }“ 2. Verwenden Sie Steuerelemente von Drittanbietern um die Form des Mauszeigers zu ändern.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

CSS/HTML Ändern Sie die Form des Mauszeigers

Es gibt zwei Möglichkeiten, die Form des Mauszeigers zu ändern: Verwenden Sie das CSS-Cursor-Attribut, um die Form des Mauszeigers zu ändern. Die andere Methode besteht darin, Steuerelemente von Drittanbietern zu verwenden, und die, die ich am häufigsten verwende, ist die erste: Verwenden des CSS-Stylesheets, um die Form des Mauszeigers

zu ändern: Schauen wir uns zuerst die erste Methode an: die Verwendung von Cursor-Attribut. Ändern Sie die Form des

Mauszeigers. Manchmal benötigen wir weder Text noch Bilder, um Links hinzuzufügen, und wir möchten auch beim Hinzufügen von Links den Mausstil verwenden. Dabei wird unser

CSS-Stylesheet

zur Mauszeigerform verwendet. Bitte haben Sie einige Eigenschaften des CSS-Mauszeigers css stylesheet unten:

AutomatischHandformMobiles ObjektNicht erlaubtkann nicht freigegeben werdenwarten/SanduhrHilfe. Fadenkreuz Benutzerdefinierter Cursor

auto
Zeiger, Hand (Hand ist IE-exklusiv)
bewegen
nicht -erlaubt
no-drop
warten
Hilfe
... Wirkung als n-Resize	Größe nach links (Westen) ändern
w-Resize	Größe nach rechts (Osten) ändern
e-resize hat den gleichen Effekt wie w-resize 🔜	Größe nach rechts und oben ändern (Nordosten). ).
URL('Cursoradresse')	Das Obige ist das CSS-Stylesheet, das die Form des Mauszeigers ändert. Wie wendet man es an? Lassen Sie uns ein Beispiel zur Veranschaulichung verwenden: <style type="text/css"> .a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/</style> <p class=”a”>欢迎您到XXX来做客</p> Sie können das Stylesheet auch direkt in das p-Tag schreiben, der Effekt ist der gleiche, wie zum Beispiel: <p style=”cursor:help;”>欢迎您到XXX来做客</p> Es ​​gibt eine andere Verwendung, deren Prinzip darin besteht, das Cursor-Attribut von CSS2 zu verwenden: URL (URL), Mausdateien können die Dateiformate jpg, gif, ani und cur verwenden. Es ist zu beachten, dass diese Methode nur in Browsern mit IE5.5 oder höher normal angezeigt werden kann. [Empfohlenes Lernen: HTML-Video-Tutorial] Die zweite Methode zum Ändern der Form des Mauszeigers: Verwendung von Steuerelementen von Drittanbietern Diese Methode ist sehr einfach. Fügen Sie einfach den folgenden Code zum < Between head> hinzu ;: <script language=>var Loaded=false;var Flag=false;</script> <script src=&#39;http://files.cometsystems.com//lc2000.js&#39; language=></script> <script language=>if(Loaded&&Flag)TheCometCursor(&#39;cd_electric&#39;,0,626);</script> Nach der Änderung zeigt der Browser beim Durchsuchen dieser Webseite eine „Warnung zu Sicherheitseinstellungen“ an. Klicken Sie auf „Ja“, das System installiert das Steuerelement automatisch und die Maus kann als verwendet werden du brauchst. Wie wählt man also den Mausstil aus, den man braucht? Melden Sie sich zuerst auf der Website http://www.cometzone.com an. Diese Website bietet mehr als 4.000 Maustypen in 14 Hauptkategorien. Der Inhalt ist sehr umfangreich und die Mausdateien sind ebenfalls wunderschön gestaltet Wählen Sie die gewünschte Kategorie aus und klicken Sie auf das entsprechende Mausbild. Durch Klicken auf das Mausbild können Sie verschiedene Effekte in der Vorschau anzeigen. Klicken Sie nach Auswahl der Maus auf den Link „CURSORCODE ERHALTEN“ im linken Navigationsbereich der Webseite, gehen Sie zur nächsten Seite und klicken Sie dann auf die Schaltfläche „Code auswählen“ im mehrzeiligen Textfeld unter button ist der Code, den ich oben angegeben habe, nur der Codeteil TheCometCursor('cd_electric',0,626) ist anders und der angezeigte Mausstatus ist auch anders.

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Mausform in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!