Heim Web-Frontend js-Tutorial Zusammenfassung gängiger Methoden zum Hinzufügen von Hintergrundbildern zu Schaltflächen mithilfe von js

Zusammenfassung gängiger Methoden zum Hinzufügen von Hintergrundbildern zu Schaltflächen mithilfe von js

Jul 07, 2017 pm 02:56 PM
javascript 按钮 背景图片

In diesem Artikel werden hauptsächlich die gängigen Methoden zum Hinzufügen von Hintergrundbildern zu Schaltflächen in js vorgestellt und drei Methoden für jsEreignisse zum Auslösen und Steuern von Hintergrundbildern, CSS-Stilsteuerung und Bildschaltflächen aufgeführt , was sehr praktisch ist. Freunde, die es benötigen, können sich auf

beziehen. Dieser Artikel beschreibt die gängigen Methoden zum Hinzufügen von Hintergrundbildern zu Schaltflächen in js. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Methode eins:

Der Code lautet wie folgt:

<input type="submit" onMouseOver="style=background:url(&#39;imgs/jb51.gif&#39;)"/>
Nach dem Login kopieren

Methode zwei:

Der Code lautet wie folgt:

<input type="button" value="提交" style="background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">
Nach dem Login kopieren

Methode drei:
besteht darin, Bildschaltflächen zu verwenden, das heißt:

Der Code lautet wie folgt:

<input name="submit" type="image" value=" " src="jb51.jpg" />
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonZusammenfassung gängiger Methoden zum Hinzufügen von Hintergrundbildern zu Schaltflächen mithilfe von js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So löschen Sie ein Hintergrundbild in den Personalisierungseinstellungen von Win10 So löschen Sie ein Hintergrundbild in den Personalisierungseinstellungen von Win10 Dec 21, 2023 pm 02:31 PM

Jedes Mal, wenn der im Win10-System verwendete Desktop-Hintergrund im personalisierten Hintergrundbild in den Einstellungen angezeigt wird, möchten einige Benutzer ihn löschen, wissen aber nicht, wie das geht. In diesem Artikel geht es darum, wie man das personalisierte Hintergrundbild löscht Win10 wird von dieser Site geteilt. Verwendete Desktop-Hintergrundbilder anzeigen: 1. Klicken Sie mit der rechten Maustaste auf eine leere Stelle auf dem Desktop und wählen Sie im sich öffnenden Menüpunkt [Personalisieren] aus. 2. Im Auswahlbild im Hintergrund können Sie die Desktop-Hintergründe anzeigen Sie haben das verwendete Desktop-Hintergrundbild gelöscht: Hinweis: Das Ändern der Registrierung ist riskant. 1. Drücken Sie gleichzeitig die Tastenkombination [Win+R]. Es ist Zeit, das Ausführungsfenster zu öffnen, den Befehl [regedit] einzugeben und dann auf [OK] zu klicken

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

Warum startet mein Laptop nicht, nachdem ich den Netzschalter gedrückt habe? Warum startet mein Laptop nicht, nachdem ich den Netzschalter gedrückt habe? Mar 10, 2024 am 09:31 AM

Es kann mehrere Gründe dafür geben, dass Ihr Windows-Laptop nicht startet. Speicherfehler, leerer Akku, defekter Netzschalter oder Hardwareprobleme sind häufige Ursachen. Hier sind einige Lösungen, die Ihnen bei der Lösung dieses Problems helfen. Laptop lässt sich nach Drücken des Netzschalters nicht einschalten Wenn sich Ihr Windows-Laptop nach Drücken des Netzschalters immer noch nicht einschalten lässt, können Sie mit den folgenden Schritten das Problem beheben: Ist Ihr Laptop vollständig aufgeladen? Führen Sie einen Hard-Reset durch, um Ihren Laptop zu reinigen. Setzen Sie den Speicher neu ein. Transparenter CMOS-Akku. Bringen Sie Ihren Laptop zur Reparatur. 1] Ist Ihr Laptop vollständig aufgeladen? Überprüfen Sie zunächst, ob Ihr Laptop vollständig aufgeladen ist. Laptop startet nicht, wenn der Akku leer ist

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

So lösen Sie das Problem nicht reagierender Schaltflächen im IE-Browser So lösen Sie das Problem nicht reagierender Schaltflächen im IE-Browser Jan 30, 2024 am 10:48 AM

Was soll ich tun, wenn es keine Reaktion gibt, wenn der IE-Browser auf die Web-Schaltfläche klickt? Wenn beim Klicken auf den Web-Button keine Reaktion erfolgt, können wir dies in der Kompatibilitätsansicht festlegen! Wenn einige Freunde den IE-Browser verwenden, stellen sie fest, dass der Browser nicht reagiert, wenn sie auf die Schaltfläche auf der Webseite klicken. Auf diese Weise können wir die Funktionen der Webseite nicht nutzen Habe den IE-Browser unten zusammengestellt. Wie kann ich das Problem lösen, dass der Browser beim Klicken auf die Web-Schaltfläche nicht reagiert? Der IE-Browser reagiert nicht, wenn Sie auf die Web-Schaltfläche klicken. Lösung: 1. Öffnen Sie den IE-Browser, klicken Sie auf die Schaltfläche [Extras] in der Betriebsleiste und klicken Sie auf die Einstellungen für die [Kompatibilitätsansicht], wie in der Abbildung gezeigt. 2. Klicken Sie auf der Einstellungsseite [Kompatibilitätsansicht] rechts auf die Schaltfläche [Hinzufügen] und geben Sie die Website ein.

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

Wie sieht das iPhone 16 aus? Welche Änderungen gibt es beim iPhone 16? Wie sieht das iPhone 16 aus? Welche Änderungen gibt es beim iPhone 16? Apr 07, 2024 pm 05:10 PM

Nach der Veröffentlichung der iPhone 15-Serie gab es immer wieder Enthüllungen über das Aussehen und die Konfiguration von Apples neuem iPhone 16. Wie sieht das iPhone 16 aus? Gibt es eine Verbesserung beim iPhone 16? Kürzlich stellte ein Blogger aus Übersee das Design der iPhone 16-Serie vor. Das Gesamtdesign entspricht im Wesentlichen dem der iPhone 15-Serie. Wie auf dem Bild zu sehen ist, ist die gesamte iPhone 16-Serie standardmäßig mit einem neuen „Shoot“-Button ausgestattet, der Nutzern ein komfortableres Fotografieren ermöglicht. Darüber hinaus sind weitere Designdetails noch unbekannt. Die Meldung zeigt, dass dieser neue Knopf zum Aufnehmen von Videos verwendet wird und sich unter dem Netzschalter befindet. In früheren Nachrichten wurde erwähnt, dass es sich möglicherweise um einen kapazitiven Halbleiterknopf handelt, aber neuere Berichte deuten darauf hin, dass es sich immer noch um einen handeln sollte

So fügen Sie ein Hintergrundbild zu Douyin Live Companion hinzu - So fügen Sie ein Hintergrundbild zu Douyin Live Companion hinzu So fügen Sie ein Hintergrundbild zu Douyin Live Companion hinzu - So fügen Sie ein Hintergrundbild zu Douyin Live Companion hinzu Mar 05, 2024 am 09:16 AM

Viele Benutzer, die auf Douyin live übertragen, verwenden die Douyin Live Companion-Software. Wissen Sie jedoch, wie Sie dem Douyin Live Companion ein Hintergrundbild hinzufügen können? Der Herausgeber, wenn Sie interessiert sind, schauen Sie bitte unten vorbei. Melden Sie sich zunächst auf Ihrem Computer bei Douyin Live Companion an und rufen Sie dann die Homepage auf. Links wählen wir unter [Szene 1] [Material hinzufügen] aus. Als nächstes erscheint ein Fenster zum Hinzufügen von Materialien auf der Seite. Wir können direkt die Funktion [Bild] auswählen und zum Aufrufen klicken. Anschließend öffnen wir ein Fenster, in dem das Bildmaterial lokal gespeichert wird. Wir müssen die Bildmaterialien auswählen, die wir hinzufügen möchten, und dann auf die Schaltfläche „Öffnen“ in der unteren rechten Ecke klicken, um sie hinzuzufügen. Nachdem wir das Bild hinzugefügt haben, müssen wir es mit der linken Maustaste an die entsprechende Stelle ziehen

See all articles