Version complète: jsB@nk » Texte » Fade-Glow » Dynamique de changement de textglow onmousemove
URL: https://www.javascriptbank.com/dynamic-change-of-textglow-onmousemove.html
Variation de l'intensité de votre titre juste en déplaçant votre souris. Simple moyen d'améliorer l'impact visuel de votre message principal. Netscape utilisateurs verront une dynamique de changement plutôt que la taille des caractères.
Version complète: jsB@nk » Texte » Fade-Glow » Dynamique de changement de textglow onmousemove
URL: https://www.javascriptbank.com/dynamic-change-of-textglow-onmousemove.html
<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-->
<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-->