Version complète: jsB@nk » Texte » Fade-Glow » Dissolution d'effet des textes
URL: https://www.javascriptbank.com/dissolving-text-effect.html
C'est un grand DHTML script qui tourne et affiche un certain nombre de messages, avec une dissolution de l'effet appliqué à chaque rotation. L'effet est archivé par un positionnement de premier semi transparent, «irrégulière» l'image derrière le message, et l'exécution d'un "effacer" l'action sur celui-ci (voir la documentation dans le script). Comme on l'a vu ci-dessous, le résultat n'est rien de moins que spectaculaire ... Notez que ce script requiert que le texte à afficher est absolument placé sur la page. En clair, cela signifie que vous aurez besoin de spécifier exactement un haut à gauche et à coordonner (par rapport à la page) lors de la définition du lieu où le texte devrait apparaître.
Version complète: jsB@nk » Texte » Fade-Glow » Dissolution d'effet des textes
URL: https://www.javascriptbank.com/dissolving-text-effect.html
<style type="text/css">.textstyle{position:absolute;left:-2000px; width:400px; font-family:Arial; font-size:20pt; font-weight:bold; text-align:center;color:FFFFFF; filter:glow(color=red,strength=2);}.coverstyle{position:absolute;left:-2000px;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script LANGUAGE="JavaScript1.2">// Dissolving text effect - By Peter Gehrig (http://www.24fun.ch/)var message = new Array()message[0]="JavaScriptBank.com"message[1]="Bank of over 2000+ free JavaScripts"var i_message=0// vi tri xuat hien cua chu (pixels).var covertop=20var coverleft=150// kich thuoc cua anh, neu muon thay doi kich thuoc ban nen tao mot anh moivar coverwidth=1200var coverheight=96var texttop=covertopvar textleft=coverleft//do rong cua chu can ap dung hieu ungvar textwidth=400var textheight=coverheightvar cliptop=0var clipright=textwidthvar clipbottom=coverheightvar clipleft=0var clippoints// toc do thuc hien hieu ungvar step=40var pause=50var timerfunction init() { if (document.all) { document.all.text.style.posTop=texttop document.all.text.style.posLeft=textleft document.all.cover.style.posTop=covertop document.all.cover.style.posLeft=coverleft clipleft=0 fadeout() }}function fadeout() { if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) { clipleft+=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"document.all.cover.style.clip=clippoints document.all.cover.style.posLeft-=step timer= setTimeout("fadeout()",pause) } else { clearTimeout(timer) i_message++ if (i_message>=message.length) {i_message=0} text.innerHTML=message[i_message] fadein() }}function fadein() { if (document.all.cover.style.posLeft <=coverleft) { clipleft-=step clipright=clipleft+textwidth clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"document.all.cover.style.clip=clippoints document.all.cover.style.posLeft+=step timer= setTimeout("fadein()",pause) } else { clearTimeout(timer) init() }}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="JavaScript1.2">if (document.all&&window.print){document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>')document.write('<DIV ID="cover" class="coverstyle"><img src="slidefader.gif"></DIV>')}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/text/slidefader.gif