Wenn Sie Ihrer Website oder Präsentation ein wenig Originalität hinzufügen möchten, kann die Möglichkeit, zwei Cursor zu verwenden, eine großartige Lösung sein. In diesem Artikel werden wir Ihnen erklären, wie Sie zwei Cursor mit CSS und JavaScript erstellen können.
Das Erstellen eines Doppelcursors ist ein Prozess, der mehrere Schritte umfasst. Zunächst müssen Sie zwei Bilder erstellen, die als Cursor verwendet werden sollen. Sie können beliebige Bilder Ihrer Wahl verwenden. Es wird empfohlen, sie mit transparentem Hintergrund zu erstellen und im PNG-Format zu speichern.
Sobald Sie die Bilder haben, können Sie mit dem Erstellen von zwei Cursors mit CSS beginnen. Erstellen Sie dazu CSS-Klassen und fügen Sie ihnen eine Cursor-Eigenschaft hinzu, um den Pfad zum Cursorbild anzugeben. Vergessen Sie nicht, die url() -Eigenschaft zu verwenden, um den Pfad zum Bild anzugeben.
Sie können beispielsweise die folgenden Klassen erstellen:.cursor1
cursor: url('path-to-your-cursor-image1.png'), auto;
>
.cursor2
cursor: url('path-to-your-cursor-image2.png'), auto;
>
Nachdem Sie die Klassen erstellt haben, können Sie sie mithilfe des class-Attributs auf die gewünschten Elemente auf Ihrer Webseite anwenden oder mithilfe von JavaScript Klassen zu den Elementen hinzufügen. Wenn Sie nun den Mauszeiger über diese Elemente bewegen, ändert sich der Cursor zu dem von Ihnen gewählten Cursor.
Installieren eines Programms zum Erstellen von 2 Cursors
Um zwei Cursor auf Ihrem Gerät zu erstellen, müssen Sie ein spezielles Programm installieren. In diesem Artikel werden wir uns den Installationsvorgang eines solchen Programms ansehen.
Schritt 1: Wählen Sie ein geeignetes Programm aus. Es gibt viele Programme auf dem Markt, mit denen Sie zwei Cursor gleichzeitig erstellen können. Beachten Sie die Funktionalität des Programms, die Kompatibilität mit Ihrem Betriebssystem und die Verfügbarkeit nützlicher Tools zum Anpassen der Cursor.
Schritt 2: Laden Sie das Programm herunter. Nachdem Sie das richtige Programm ausgewählt haben, gehen Sie zur offiziellen Website des Entwicklers und suchen Sie nach dem Download-Bereich. Laden Sie die Installationsdatei des Programms auf Ihr Gerät herunter.
Schritt 3: Installieren Sie das Programm. Nachdem der Download abgeschlossen ist, führen Sie die Installationsdatei aus und folgen Sie den Anweisungen des Installationsassistenten. Stellen Sie sicher, dass Sie den richtigen Ort für die Installation des Programms auswählen und die Bedingungen der Lizenzvereinbarung lesen.
Schritt 4: Richten Sie die Cursor ein. Nachdem Sie das Programm installiert haben, öffnen Sie es und gehen Sie zu Einstellungen. In diesem Abschnitt können Sie beide Cursor auswählen, ihr Aussehen, ihre Bewegungsgeschwindigkeit und andere Einstellungen anpassen. Passen Sie die Einstellungen nach und nach an, bis Sie das gewünschte Ergebnis erhalten.
Schritt 5: Mögliche Probleme. Wenn während der Installation Probleme auftreten oder Probleme beim Einrichten der Cursor auftreten, wenden Sie sich an das Entwicklungsteam des Programms, um Hilfe zu erhalten. Beachten Sie, dass einige Programme möglicherweise kostenpflichtig sind oder eine Registrierung erforderlich ist.
Befolgen Sie diese Anweisungen, um das Programm zu installieren, um zwei Cursor zu erstellen, und genießen Sie ein einzigartiges Erlebnis mit zwei Mauszeigern gleichzeitig.
Öffnet das Programm und wählt die gewünschte Cursorart aus
Um zwei Cursor auf Ihrem Computer zu verwenden, benötigen Sie ein spezielles Programm. Es gibt mehrere Programme, mit denen Sie zwei Cursor gleichzeitig haben können, z. B. TeamPlayer, Multipoint, ShareMouse und andere.
Der erste Schritt besteht darin, das ausgewählte Programm zu öffnen. Nachdem Sie das Programm auf Ihrem Computer installiert haben, müssen Sie es öffnen. Klicken Sie dazu auf das Programmsymbol auf dem Desktop oder im Startmenü.
Nach dem Öffnen des Programms müssen Sie die gewünschte Cursorart auswählen. Die meisten Programme haben die Möglichkeit, verschiedene Cursorarten auszuwählen. Klicken Sie auf diese Option und Sie sehen eine Liste der verfügbaren Cursor.
Wählen Sie die Art von Cursor aus, die Ihnen am besten gefällt oder die für Ihre Arbeit am besten geeignet ist. Sie können für jeden der beiden Cursor verschiedene Cursor auswählen, um sie auf dem Bildschirm leicht zu unterscheiden. Nachdem Sie den Cursor ausgewählt haben, schließen Sie das Fenster zur Auswahl der Cursor.
Verbinden des ersten Cursors über die Betriebssystemeinstellungen
Um den ersten Cursor auf Ihrem Computer anzuschließen, sollten Sie einige einfache Schritte ausführen:
Schritt 1: Öffnen Sie das Startmenü im Windows-Betriebssystem oder Programme im macOS-Betriebssystem und suchen Sie dann nach dem Symbol "Einstellungen".
Schritt 2: Gehen Sie zu "Geräte" oder "Maus und Touchpads".
Schritt 3: Suchen Sie im Bereich "Geräte" nach dem Maus- oder Trackpad-Symbol und klicken Sie darauf.
Schritt 4: Wählen Sie im angezeigten Fenster die Registerkarte "Erweiterte Einstellungen" oder "Cursoreinstellungen" aus.
Schritt 5: Suchen Sie auf der Registerkarte "Erweiterte Einstellungen" den Abschnitt "Cursor" und klicken Sie auf die Schaltfläche "Einstellungen". ".
Schritt 6: Suchen Sie im daraufhin angezeigten Fenster "Cursoreinstellungen" nach dem Abschnitt "Neue Cursor verbinden" und wählen Sie "Hinzufügen".
Schritt 7: Geben Sie den Pfad zu der Datei mit dem ersten Cursor an, indem Sie sie auf Ihrem Computer auswählen und auf Öffnen klicken.
Schritt 8: Danach wird der erste Cursor zur Liste der verfügbaren Cursor hinzugefügt. Um es zu aktivieren, suchen Sie es in der Liste und wählen Sie es aus.
Schritt 9: Klicken Sie im Fenster "Cursoreinstellungen" auf OK, um die Änderungen zu speichern.
Schritt 10: Schließen Sie alle geöffneten Einstellungsfenster, und stellen Sie sicher, dass der erste Cursor jetzt aktiv ist und auf Ihrem Computer verwendet wird.
Wenn Sie diese einfachen Schritte befolgen, können Sie den ersten Cursor problemlos über die Betriebssystemeinstellungen verbinden.
Herunterladen und Installieren des Cursors für den zweiten Zeiger
Um einen zweiten Cursor auf Ihrem Computer zu erstellen, benötigen Sie eine spezielle Cursordatei, die Sie aus dem Internet herunterladen können. Befolgen Sie diese Schritte, um den Cursor für den zweiten Zeiger herunterzuladen und festzulegen:
- Öffnen Sie einen Webbrowser und navigieren Sie zu einer der Websites, die kostenlose Cursor anbieten. Einige von ihnen enthalten DeviantArt, Cursor.cc und Cursors sind 4U.
- Wählen Sie auf der Website die gewünschte Cursorkategorie aus und suchen Sie nach dem Cursor, den Sie für den zweiten Zeiger herunterladen möchten.
- Klicken Sie auf den Download-Link, um die Cursordatei auf Ihren Computer herunterzuladen.
- Öffnen Sie den Ordner, in den Sie die Cursordatei heruntergeladen haben, und extrahieren Sie sie.
- Entpacken Sie die Dateien, wenn sie sich im Archiv befinden. Dies kann normalerweise durch einen Rechtsklick auf eine Datei geschehen und aus dem Kontextmenü die Option "Extrahieren" oder "Entpacken" auswählen.
- Nachdem Sie nun eine Cursordatei haben, gehen Sie zu den Cursoreinstellungen Ihres Betriebssystems, um sie als zweiten Zeiger festzulegen.
So installieren Sie den heruntergeladenen Cursor auf verschiedenen Betriebssystemen:
- Windows: Klicken Sie mit der rechten Maustaste auf den Desktop und wählen Sie Systemsteuerung. Geben Sie in der Suchleiste "Cursor" ein und wählen Sie "Mauszeiger ändern". Klicken Sie im geöffneten Fenster auf die Registerkarte Gefangene Porträts und klicken Sie auf die Schaltfläche Durchsuchen. Wählen Sie den heruntergeladenen Cursor aus und klicken Sie auf die Schaltfläche Öffnen, dann auf Anwenden und OK.
- Mac: Öffnen Sie die Systemeinstellungen, indem Sie auf das Apple-Symbol in der oberen linken Ecke des Bildschirms tippen und Systemeinstellungen auswählen. Klicken Sie im Abschnitt "Persönliche Daten" auf "Bedienungshilfen" und wählen Sie die Registerkarte "Zeiger verwalten" aus. Klicken Sie auf die Schaltfläche "Installieren" und suchen Sie die heruntergeladene Cursordatei. Wählen Sie es aus und klicken Sie auf die Schaltfläche Öffnen und dann auf Anwenden.
- Linux: In den meisten Linux-Distributionen können Sie den Cursor setzen, indem Sie die heruntergeladene Cursordatei in einen Ordner verschieben. "icons" in Ihrem Home-Ordner. Wenn der Ordner ".icons" existiert nicht, Sie können es erstellen. Nachdem Sie die Cursordatei verschoben haben, können Sie sie in den Cursoreinstellungen Ihres Betriebssystems auswählen.
Jetzt können Sie es genießen, zwei Cursor auf Ihrem Computer zu haben! Stellen Sie sicher, dass Ihr neuer Cursor korrekt angezeigt wird und ordnungsgemäß funktioniert.
Verwenden des zweiten Cursors analog zum ersten Cursor
Um den zweiten Cursor auf einer Webseite anzuwenden, müssen Sie einen ähnlichen Ansatz wie den ersten Cursor verwenden. Sie müssen eine separate Variable für den zweiten Cursor erstellen und die Werte für den zweiten Cursor auf die gleiche Weise definieren wie für den ersten Cursor.
Nachdem Sie die Werte des zweiten Cursors ermittelt haben, müssen Sie ihn mithilfe der document-Methode festlegen.body.style.cursor und weisen Sie ihm den Wert der zweiten Variablen zu.
| Kode | Die Beschreibung |
|---|---|
| var secondCursor = 'url(Bildpfad), auto'; | Definieren eines Werts für den zweiten Cursor |
| document.body.style.cursor = secondCursor; | Festlegen des zweiten Cursors auf einer Webseite |
Nachdem Sie alle erforderlichen Werte angegeben und den zweiten Cursor festgelegt haben, wird er auf der Seite ähnlich wie beim ersten Cursor angezeigt. Sie können das Bild und die Form des zweiten Cursors ändern, indem Sie einen anderen Bildpfad und einen anderen Wert für die zweite Variable angeben.
Überprüfen der Ergebnisse und Konfigurieren zusätzlicher Parameter
Nachdem Sie Ihrer Website einen zweiten Cursor hinzugefügt haben, wird empfohlen, seine Funktionalität zu überprüfen, um sicherzustellen, dass beide Cursor ordnungsgemäß funktionieren.
Öffnen Sie dazu die Seite Ihrer Website in einem Webbrowser und versuchen Sie, zwei Cursor gleichzeitig zu verwenden. Stellen Sie sicher, dass sie sich unabhängig voneinander bewegen und korrekt auf Benutzeraktionen reagieren.
Wenn beim zweiten Cursor Probleme oder Fehler auftreten, benötigen Sie möglicherweise zusätzliche Anpassungen oder Korrekturen im Code. Einige der möglichen Einstellungen umfassen das Ändern der Geschwindigkeit oder Empfindlichkeit des zweiten Cursors, das Anpassen des Aussehens des Cursors oder das Ändern des Verhaltens bei bestimmten Benutzeraktionen.
Um diese Änderungen vorzunehmen, müssen Sie den Code Ihrer Webseite bearbeiten. Wenn Sie mit der Programmierung nicht vertraut sind oder sich Ihrer Fähigkeiten nicht sicher sind, sollten Sie sich an den Website-Entwickler wenden oder fertige Lösungen und Plugins verwenden, die zusätzliche Optionen zum Konfigurieren des zweiten Cursors bieten.
