Tricks: How to...
Image effects:
› Preload images
› Preload images 2
› Swap images
› Swap images 2
› View larger image
› Image transparency
› Image slideshow
Special effects:
› Border
› Border 2
› Watermark
› Scroller
› Scroller 2
› Link hover color
› Custom cursor
› Snowing
› Auto window resizer
› Link tips
› Popup
Buttons & menus:
› Back button
› Java buttons
› Flat buttons
› Slide menu
› Drop down menu
› Alphabet menu
Mouse effects:
› Elastic mouse
› Mouse snake
› Mouse stars
› Mouse orbit
› Mouse eyes
Text generators:
› Infobox
› Quote generator
› Fading messages
› Text fader
› Text glow
› Credits

home > real world > web resource > web source codes >

This DHTML script will give pop up tips on any link. You can adjust the font, the content, and even the background color of the tool tips.

Visit Digital Elf' Site
Learn More
Utilities
About

<script>
if (!document.layers&&!document.all)
event="test"
function showtip(current,e,text){
if (document.all){
thetitle=text.split('<br>')
if (thetitle.length>1){
thetitles=''
for (i=0;i<thetitle.length;i++)
thetitles+=thetitle[i]
current.title=thetitles
}
else
current.title=text
}
else if (document.layers){
document.linktips.document.write('<layer bgColor="#ddddff" style="border:1px solid #ffffff; font-family:Trebuchet MS; font-size:12px;">'+text+'</layer>')
document.linktips.document.close()
document.linktips.left=e.pageX+5
document.linktips.top=e.pageY+5
document.linktips.visibility="show"
}
}
function hidetip(){
if (document.layers)
document.linktips.visibility="hidden"
}
</script>

<div id="linktips" style="position:absolute;visibility:hidden"></div>

<P><a href="http://www.digitalelf.go.ro" onMouseover="showtip(this,event,'Please Visit the Digital Elf Real World!')" onMouseout="hidetip()">Visit Digital Elf' Site</a><BR>

<a href="http://www.digitalelf.go.ro/source.html" onMouseover="showtip(this,event,'Learn More About Source Codes')" onMouseout="hidetip()">Learn More</a><BR>

<a href="http://www.digitalelf.go.ro/utility.html" onMouseover="showtip(this,event,'Use some ready-to-go utilities<BR>... or not.')" onMouseout="hidetip()">Utilities</a><BR>

<a href="http://www.digitalelf.go.ro/about.html" onMouseover="showtip(this,event,'Read all about this site!')" onMouseout="hidetip()">About</a>