»
EnglishFrenchVietnamese

Print - Flashlike message-popup for all your links - JavaScriptBank.com

Full version: jsB@nk » Link » Rainbow » Flashlike message-popup for all your links
URL: http://www.javascriptbank.com/flashlike-message-popup-for-all-your-links.html

Flashlike message-popup for all your links © JavaScriptBank.comAdd more infotainment to your textlinks. If your visitor puts his mouse over a textlink a flashlike short-message-animation appears. The script allows you to define a differnet message, font-family and font-color for each textlink. Very easy configuration and copy-and-paste installation.

Full version: jsB@nk » Link » Rainbow » Flashlike message-popup for all your links
URL: http://www.javascriptbank.com/flashlike-message-popup-for-all-your-links.html



JavaScript
<SCRIPT>// CREDITS:// Flashlike message-popup for all your links// by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.var x,yvar timervar i_fadestrength=5var step=1var maxfontsize=180var fontsizefactor=maxfontsize/100var contentfunction cursorposition(e){x=event.clientX+document.body.scrollLefty=event.clientY+document.body.scrollTop}function showmessage(whatmessage, whatfont, whatcolor) {if (document.all) {content="<nobr><font color="+whatcolor+" face="+whatfont+">"+whatmessage+"</font><nobr>"ring.innerHTML=contentresizemessage()}}function resizemessage() {if (document.all) {ring.filters.alpha.opacity=Math.floor(100-i_fadestrength)if (i_fadestrength>=120) {i_fadestrength=0;step=1}document.all.ring.style.visibility="visible"document.all.ring.style.fontSize=i_fadestrength*fontsizefactordocument.all.ring.style.posLeft=x-(Math.floor(i_fadestrength/1.3*fontsizefactor))document.all.ring.style.posTop=y-(Math.floor(i_fadestrength/1.4*fontsizefactor))step+=1.5i_fadestrength+=steptimer=setTimeout("resizemessage()",50)}}function hidemessage(e){if (document.all) {clearTimeout(timer)document.all.ring.style.visibility="hidden"i_fadestrength=5step=1}}if (document.all) {document.onmousemove=cursorposition;}if (document.all) {document.write("<DIV id='ring' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>")document.write("<DIV style='position:relative;'>")}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
Just move your mouse over<a onmouseout="hidemessage()" onmouseover="showmessage('JavaScriptBank.com','Verdana','FF6666')" href="http://javascriptbank.com"> this textlink</a><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->