Beispielcode zum Setzen von Hotlinks und Koordinatenwerten für Webbilder
|
Manchmal müssen Sie mehrere Bereiche auf einem Bild festlegen. Sie können verschiedene Seiten aufrufen, indem Sie mit der Maus auf verschiedene Bereiche des Bildes klicken, oder Sie können eine bestimmte Seite aufrufen, indem Sie auf einen bestimmten Bereich des Bildes klicken. Dies ist der Hotlink der Webseite. Code kopieren Der Code lautet wie folgt:<img src="test.jpg" usemap="#testmap" alt="test" /> <map name="testmap" id="testmap"> <area shape="Kreis" coords="180,139,14" href="test1.html" alt="test1" /> <area shape="Kreis" coords="129,161,10" href="test2.html" alt="test2" /> <area shape="rect" coords="0,0,110,260" href="test3.html" alt="test3" /> </Karte> Hinweis: Das usemap-Attribut in <img> kann entweder auf das id- oder das name-Attribut in <map> verweisen (wird vom Browser bestimmt), daher müssen wir sowohl das id- als auch das name-Attribut zu <map> hinzufügen.
Wie erhält man also diesen Koordinatenwert? Methode 1: Erstellen Sie eine neue HTML-Seite und fügen Sie den folgenden Code in den Textkörper ein: Code kopieren Der Code lautet wie folgt:<a href="#"><img src="test.jpg" ismap="ismap"></a> Beachten Sie das " ismap='ismap '". Öffnen Sie mit diesem Attribut diese HTML-Seite und bewegen Sie den Cursor an eine beliebige Stelle im Bild. In der Statusleiste in der unteren linken Ecke der Webseite wird der aktuelle Koordinatenwert angezeigt.
Auf diese Weise können Sie den Koordinatenwert erhalten. Methode 2: Öffnen Sie Dreamwever, erstellen Sie eine neue Seite, fügen Sie ein Bild ein,
Klicken Sie auf das „Rechteck“ oder andere Hotspot-Tools und ziehen Sie dann die Position auf dem Bild.
Öffne den Codebereich erneut
Dies wurde bereits generiert. |
<<: CSS wählt das erste untergeordnete Element unter dem übergeordneten Element aus (:first-child)
>>: Der Unterschied und die Wahl zwischen Datum und Uhrzeit und Zeitstempel in MySQL
Artikel empfehlen
Ausführliche Erläuterung zum MySQL-Lernen einer Datenbanksicherung
Inhaltsverzeichnis 1.DB, DBMS, SQL 2. Eigenschaft...
Fragen und Antworten: Unterschiede zwischen XML und HTML
F: Ich weiß nicht, was der Unterschied zwischen XM...
Lösung für Fremdschlüsselfehler bei der MySQL-Tabellenerstellung
Datenbanktabelle A: Tabelle erstellen Task_Desc_T...
Tutorial zur MySQL-Datensicherungsmethode mit Multi-Master und One-Slave
Überblick Vorgänge, die auf einer Datenbank ausge...
Der Datenordner konnte während der Installation von mysql8.0.14.zip nicht automatisch erstellt werden. Der Dienst kann nicht gestartet werden.
Nachdem ich das System heute neu installiert hatt...
4 Funktionen, die durch das Transform-Attribut in CSS3 implementiert werden
In CSS3 können mit der Transformationsfunktion vi...
Detaillierte Erklärung der Verwendung von DECIMAL im MySQL-Datentyp
Detaillierte Erklärung der Verwendung von DECIMAL...
Vue implementiert das Hinzufügen, Anzeigen und Löschen mehrerer Bilder
In diesem Artikel wird der spezifische Code für V...
So benennen Sie unter Linux eine Gruppe von Dateien auf einmal um
Unter Linux verwenden wir normalerweise den Befeh...
Methoden und Schritte zum Erstellen eines Docker-basierten Nginx-Dateiservers
1. Erstellen Sie auf diesem Computer eine neue Ko...
Der Prozess der Installation von SVN auf Ubuntu 16.04.5LTS
Dieser Artikel stellt kurz den Prozess der Einric...
So verwenden Sie Makros in JavaScript
In Sprachen werden häufig Makros zur Implementier...
Ubuntu 20.04-Desktopinstallation und Aktivierung der Root-Berechtigung sowie Details zur SSH-Installation
Der Artikel zeichnet hauptsächlich den einfachen ...
MySql-Abfrageanweisung mit mehreren Bedingungen und dem Schlüsselwort „OR“
Im vorherigen Artikel wurde die MySql-Abfrageanwe...
Detaillierte Schritte zur Installation von MySQL 8.0.18-winx64 unter Win10
1. Gehen Sie zunächst auf die offizielle Website,...