So ändern Sie die Mausform in HTML

藏色散人
Freigeben: 2021-04-13 14:39:33
Original
4592 Leute haben es durchsucht

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.

So ändern Sie die Mausform in HTML

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 desCSS-Stylesheets, um die Form desMauszeigers

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

zurMauszeigerformverwendet. Bitte haben Sie einige Eigenschaften des CSS-Mauszeigerscss stylesheetunten:

Automatisch Handform Mobiles Objekt Nicht erlaubt kann nicht freigegeben werden warten/Sanduhr Hilfe. 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 dasCSS-Stylesheet, das die Form desMauszeigersändert. Wie wendet man es an? Lassen Sie uns ein Beispiel zur Veranschaulichung verwenden:

 

欢迎您到XXX来做客

Nach dem Login kopieren

Sie können das Stylesheet auch direkt in das p-Tag schreiben, der Effekt ist der gleiche, wie zum Beispiel:

欢迎您到XXX来做客

Nach dem Login kopieren

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 ;

:

  
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!