So Platzieren Sie Den Cursor Auf Der Website

Inhaltsverzeichnis:

So Platzieren Sie Den Cursor Auf Der Website
So Platzieren Sie Den Cursor Auf Der Website

Video: So Platzieren Sie Den Cursor Auf Der Website

Video: So Platzieren Sie Den Cursor Auf Der Website
Video: Creating Custom Cursors - CSS Only, and JavaScript! 2024, Kann
Anonim

Zeiger (Cursoren) werden derzeit fast überall dort verwendet, wo sich ein Computer befindet. Ohne sie ist eine schnelle und komfortable Navigation durch die strukturierten Bereiche einer Website oder eines Softwarepakets kaum vorstellbar. Web-Cursor unterscheiden sich von anderen Cursor-Typen darin, dass sie die meisten Anzeigeeinstellungen bearbeiten können.

So platzieren Sie den Cursor auf der Website
So platzieren Sie den Cursor auf der Website

Es ist notwendig

Website, die Grundlagen des Seitenlayouts (CSS)

Anleitung

Schritt 1

Jeder Cursor auf einer Website wird durch die Cursor-Eigenschaft identifiziert. Um die Einstellungen für die Anzeige des Cursors auf Ihrer Website zu bearbeiten, reichen gute Englischkenntnisse oder das Beherrschen des Englisch-Russisch-Wörterbuchs aus. Die meisten Befehle und Operatoren im Layout von Site-Seiten werden auf der Grundlage einfacher Wörter erstellt. Zum Beispiel Cursor, Auto, Verschieben usw. Es gibt einen Standardsatz von Cursorn für jede Plattform, der natürlich geändert werden kann. Sie können Indexdateien aus dem Internet verwenden, um Ihrer Site alternative Cursor hinzuzufügen. Solche Dateien haben die Erweiterung cur oder svg.

Schritt 2

Für Standardcursor werden die folgenden Befehle verwendet:

- default - Der Standardcursor sieht in der Regel wie ein einfacher weißer Pfeil aus;

- auto - Cursor, der standardmäßig automatisch gesetzt wird;

- Zeiger - der Cursor, der sich ändert, wenn Sie mit der Maus über den Link fahren;

- bewegen - ein Cursor, mit dem Sie jedes Objekt unter der Maus bewegen können;

- die Größenänderungskategorie (S-Resize, N-Resize, W-Resize, E-Resize usw.) Seite der Welt (Süd, Nord, West und Ost);

- Text - Cursor, der die Möglichkeit anzeigt, Text auszuwählen.

Schritt 3

Für die Ucoz-Plattform sieht der Cursor-Einstellungscode wie folgt aus:

CodeSPAN.auto {Cursor: auto; }

Wenn Sie Ihre Cursordatei angeben möchten, müssen Sie sie nicht auf Ihre Site hochladen, Sie können nur den Link vor dem Indexbild angeben. Die Cursordatei befindet sich beispielsweise unter mysite.ru/cursors/mycur.cur oder mysite.ru/cursors/mycur.svg. Dann sieht der Ausdruck, der den alternativen Cursor ausgibt, so aus:

CodeP {cursor: url ("mysite.ru/cursors/mycur.cur"), auto; }

P {cursor: url ("mysite.ru/cursors/mycur.cur"), url ("my.cur"), verschieben; }

Schritt 4

Somit können Sie jede Cursor-Datei auf Ihrer Site installieren, die Unterstützung für alternative Cursor wurde bereits 2002 in fast allen Browsern aufgenommen.

Empfohlen: