#!/COMMUNITY
Members: 5187
davon online: 1
weitere User: 16
07.01.2009 / 04:30
Community-Member werden
|
Paßwort vergessen
|
OnlineMonitor (1)
Perl-Archiv
Forum
Javascript
Home
PERLscripts
PHPscripts
JAVAscripts
Hilfreiches
Links2www
Newscenter
Community
Interna
Javascript
Archivübersicht
Tutorials
Zum Forum
JS-Links
BuchTipps
WebForen
Forenübersicht
Neueste Themen
Ohne Antwort
Aktivste Themen
Themensuche
Forenarchiv
Newsgroups
Sehenswertes
Kontaktlinsen
EP:Netshop
Bondtravel
Babywalz Shop
Conrad.de
Reifen Shop
Reisen
Uhren-Schmuck
Walbusch
Web-Consulting
Kabel-Shop
Büromöbel
Webhosting
Javascript » HTML-Tricks » Tooltip über Link
zur Übersicht
Kategorie
HTML-Tricks
Bezeichnung
Tooltip über Link
ScriptDemo
Neues Fenster für Demo öffnen
Statistik
25488 Aufrufe davon 4x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode
(einfach markieren, kopieren und lokal abspeichern)
<body onload="init()"> <style = "Text/css"> .BubbleClass { text-color: #000000; background-color: #FFFACD; } #bubble { position: absolute; height:10px; visiblity: hidden; z-index:10; } </style> <script language="JavaScript"> <!-- var mx=0; var my=0; isNetscape = false; function watch_mouse(e) { if (isNetscape) { mx = e.x; my = e.y; } else { mx = window.event.x; my = window.event.y; } } function ShowBubble(text) { if (isNetscape) { with (document.bubble.document) { open(); write("<span class='BubbleClass'>" + text +"</span>"); close(); } document.bubble.left = mx; document.bubble.top = my +10; document.bubble.visibility = "SHOW"; } else { bubble.style.left = mx; bubble.style.top = my +10; document.all.bubble.innerHTML = "<span class='BubbleClass'>" + text +"</span>"; bubble.style.visibility = "visible"; } } function HideBubble() { if (isNetscape) { document.bubble.visibility = "HIDE"; } else { bubble.style.visibility = "hidden"; } } function init() { if (navigator.appName =="Netscape") { isNetscape = true; } BrowserVar = parseFloat(navigator.appVersion); if (BrowserVar < 4) { return; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = watch_mouse; HideBubble(); } function dummy() { } //---> </script> <div id="bubble" ></div> hier ist eine PopUP-Hilfe, <a href="http://jsunity.de" onmouseover="ShowBubble('hier meine Hilfe !?')" onmouseout ="HideBubble()">jsunity.de</a>
Kommentare zu
Tooltip über Link
1 Kommentar(e) vorhanden / Anzeige der neuesten 5
am 26.11.2003 um 09:49 Uhr von Thomas Fritsch
Besser als der "ALT=..." Text Aber im Script ist ein Fehler: Es muss in der Variablendef...
Alle Kommentare anzeigen
-
Kommentar hinzufügen
© PERL/CGI/
PHP
/JS/SCRIPT/unity.de 1998-2008 .::.
interaktiv.shop
.::.
CGI-Service
.::.
Kontakt
.::.
Impressum
Link: /javascript/scripts/javascript_0107_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 13296