kostenloser Webspace werbefrei: lima-city

Infofeld bei mouseover

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   eragon95

   eragon95 hat kostenlosen Webspace.

   19:46, 1.11.2008

   Hi,
   wie lässt man so ein Informationsfeld erscheinen, wenn man mit der Maus über einem Bild oder einem Wort ist?
   Kenne mich ledier nicht mit JS aus.
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. t**0

   19:50, 1.11.2008

   Informationsfeld?
   Du meinst sowas hier?
   
   <img src="Datei" alt="Hier Zeug reinschreiben">
   
   Mit Text geht das meines Wissens nach übrigens nicht.
   edit: Nicht mit HTML.
   
   Beitrag geändert: 1.11.2008 20:18:09 von taq0

4. seth93

   seth93 hat kostenlosen Webspace.

   20:11, 1.11.2008

   Doch mit JavaScript geht das.
   Hab das schon öfters gesehen.
   Man fährt mit der Maus rüber und dann wird z.B. der Begriff erklärt
   
   

5. drafed-map

   

   drafed-map hat kostenlosen Webspace.

   20:15, 1.11.2008

   @eragon95: Meinst du das kleine Feld, das sich öffnet, wenn man mit der Maus auf einem Bild bleibt, oder dass sich ein kleines Fenster öffnet? Wenn sich ein kleines Fenster öffnen soll musst du einfach die mouseover-funktion benutzen.
   
   
   

   ONMOUSEOVER="aktion"

   
   
   
   
   
   
   mfg
   
   drafed-map
6. Autor dieses Themas

   eragon95

   eragon95 hat kostenlosen Webspace.

   20:46, 1.11.2008

   Ja, hab an sowas gedacht.
   Aber ich kann leider keine Funktionen und so bei JS schreiben.
   Nene, ein Fenster und nicht alt=...
   Das Fenster soll auch wieder weggehen, wenn man mit der Maus weg ist.
   Mit onclick würde es auch gehen.
   Ich weis nur nicht,wie man das Fenster öffnen lässt.
   Möchte nicht so wie n PopUP, sondern sowas wie n Layer, dass sich über die Seite legt.
   

7. staymyfriend

   

   staymyfriend hat kostenlosen Webspace.

   20:57, 1.11.2008

   http://www.bosrup.com/web/overlib/
   
   Schau Dir das mal an, ich denke, dass es sowas ist, was Du gemeint hast... ;)

8. vercetti

   vercetti hat kostenlosen Webspace.

   21:01, 1.11.2008

   <div style="position: absolute; top: 10; left: 10; visibility:hidden;" id="m_over">Moin!!</div>
   <br /><br /><br />
   <a href="#" onmouseover="document.getElementById('m_over').style.visibility = 'Visible';" onmouseout="document.getElementById('m_over').style.visibility = 'hidden';">Fahr über mich!</a>

   
   
   
   //EDIT: oh es soll nich mehr weggehen? dann mach das onmouseout weg^^
   
   Beitrag geändert: 1.11.2008 21:01:49 von vercetti
9. Autor dieses Themas

   eragon95

   eragon95 hat kostenlosen Webspace.

   21:33, 1.11.2008

   Doch soll auch wieder weggehen.
   Ist schon richtig so ^^
   Danke an alle :)
   

10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?