Javascript  »  HTML-Tricks  »  Tooltip

zur Übersicht

Kategorie	HTML-Tricks
Bezeichnung	Tooltip
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	19365 Aufrufe davon 2x gestern
Keine Beschreibung vorhanden.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript1.2"> /* DHTML Announcement Box- By Jim Silver @ jimsilver47@yahoo.com */ //drag drop function for NS 4//// ///////////////////////////////// var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for IE 4+//// ///////////////////////////////// var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } ////drag drop functions end here////// function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } </script> <div id="showimage" style="position:absolute;width:250px;left:50;top:50"> <table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2"> <tr> <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td onMousedown="initializedragie()" style="cursor:hand" width="100%"> <ilayer width="100%"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"> <font face="Verdana" color="#FFFFFF"><strong><small>Announcement Box</small></strong></font></layer></ilayer></td> <td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="gfxu/close.gif" width="16" height="14" border=0></a></td> </tr> <tr> <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2"> <!--INSERT THE HTML CONTENT TO DISPLAY HERE! ---------> <a href="http://www.jsunity.de">jsunity</a><br> <a href="http://www.javarea.de">javarea</a><br> </td> </tr> </table> </td> </tr> </table> </div>

Kommentare zu Tooltip

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen