»
EnglishFrenchVietnamese

Print - Dynamic change of textglow onmousemove - JavaScriptBank.com

Full version: jsB@nk » Text » Fade-Glow » Dynamic change of textglow onmousemove
URL: https://www.javascriptbank.com/dynamic-change-of-textglow-onmousemove.html

Dynamic change of textglow onmousemove © JavaScriptBank.comChange the intensity of your headline just by moving your mouse. Simple way to enhance the visual impact of your main-message. Netscape users will see a dynamic change of fontsize instead.

Full version: jsB@nk » Text » Fade-Glow » Dynamic change of textglow onmousemove
URL: https://www.javascriptbank.com/dynamic-change-of-textglow-onmousemove.html



JavaScript
<SCRIPT><!-- Beginning of JavaScript -// dynamic change of textglow onmousemove// CONFIGURATION://  1.  Delete the DIV-block with the id "delethethistext". //Save all the rest as HTML-file.//  4.  Configure the varibales below// Your messagevar message="Mouse move to glow text"// The font of your messagevar textfont="Verdana"// The fontsize of your messagevar textsize=35// the fontcolor of your messagevar textcolor="red"// the color of the gloweffectvar glowcolor="yellow"//Do not edit the variables belowvar glowstrength=0var x,yfunction handlerMM(e){x = (document.layers) ? e.pageX : event.clientXy = (document.layers) ? e.pageY : event.clientY}function initiate() {    if (document.all) {document.onmousemove = handlerMM;        glowmessage()    }if (document.layers) {document.onmousemove = handlerMM;document.captureEvents(Event.MOUSEMOVE);textsize=10        glowmessage()    }}function glowmessage() {if(document.all) {glowstrength=Math.round(x/80)+Math.round(y/80)glowtext.innerHTML="<span id='glowspan' style='position:absolute;filter:glow(strength="+glowstrength+",color="+glowcolor+");font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>";var timer=setTimeout("glowmessage()",100)}if(document.layers) {textsize=3*Math.round(x/80)+3*Math.round(y/80)document.glowtext.document.write("<span id='glowspan' style='position:absolute;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+"'>"+message+"</span>")document.glowtext.document.close()var timer=setTimeout("glowmessage()",100)}}// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=initiate()><DIV id=glowtext style="POSITION: relative; left: 0px;"></DIV></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->