WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- Layer Infofenster mit Mouseover???

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Layer Infofenster mit ... - 04 Juni 2020 Antworten
im Forum für Webhosting Homepage gefunden:
Layer Infofenster mit Mouseover???
nillin
Mausakrobat
Threadstarter




Beiträge: 174

hi leute,

schaut euch mal folgende seite an http://www.konsum-dresden.de/markthalle-dresden/rundgang/ru.htm

dort gibt es einen mouseover effekt, wenn man auf die karte geht! sehr hübsch, aber die script ist mit zu groß! ist 41 kb!!!

hat jemand ein ähnliches script, wo man farben/bg/linien einstellen kann, welches aber etwas kleiner ist?????????

danke für tipps!!!

  Profil   E-Mail   Website   Editieren   Zitieren
nillin
Mausakrobat
Threadstarter




Beiträge: 174

nochmal der link


  Profil   E-Mail   Website   Editieren   Zitieren
c3o
Posting-Schinder




Beiträge: 585

Hier mal eins das ich geschrieben habe.. sicher nicht perfekt, aber immerhin.
Es bewegt sich nicht mit der Maus mit wie auf der Beispielsseite, sondern ist nur wie ein Tooltip, der aber sofort erscheint, andere Farben hat, und auch HTML beeinhalten kann.
Getestet auf Mozilla 1, IE 6/win und Opera 7. Im N4 wirds net funktionieren.
Hab das nur schnell aus der Seite rauskopiert, sag wenns Probleme gibt.



... ...





Maus mich over!

- - - -

Nachtrag: Farben/Linien und so stellst du im style-Attribut vom Popup-div unten ein. Wenn das von Tooltip zu Tooltip verschieden sein soll, machst du folgendes:
...
function kastl_her(wasdrin, textfarbe, hgfarbe, linienfarbe) {
...
pop.style.left= coordx + 'px'; pop.style.top= coordy + 'px';
pop.style.color= textfarbe; pop.style.backgroundColor= hgfarbe; pop.style.borderColor= linienfarbe;
...
Maus mich over!

Diese Nachricht wurde geändert von: c3o
  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Layer Infofenster mit ...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Layer Infofenster mit Mouseover??? im Forum Homepage Hosting AntwortenLetztes Posting
Neue Dunstabzugshaube kopffrei
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 28.05.2020 23:03 von Benuser
Hilfe
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 05.05.2020 09:39 von hasmpil
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 14.04.2020 13:36 von AntjeP
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen
Musik und Gaestebuch
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
14 18.01.2019 14:40 von Klaus1973
Online-Inhalte einholen, verarbeiten und Text in Word-Datei umändern.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 18.01.2019 14:39 von Klaus1973
HTML CSS Lernprogramme
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
9 18.01.2019 14:38 von Klaus1973
Javascript: Im Inputfeld nur bestimmte Zeichen erlauben.
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
5 07.01.2019 18:12 von lyfwcn
HTML Template aus Photoshop heraus?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:45 von Jusback40
Bilder in Seite
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 09.11.2018 14:44 von Jusback40
Problem mit Zeichenverkettung in Javascript
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 16.10.2018 18:54 von Maik89
Positionieren in einer DIV-Box
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 17.07.2018 14:48 von herodot



Besucher : 6699890    Heute : 892     Gestern : 1751     Online : 170     4.6.2020    10:11      3 Besucher in den letzten 60 Sekunden        
alle 20.00 Sekunden ein neuer Besucher
Nach oben