»
AnglaisFran�aisVietnamien

Imprimer - Flashlike renversement d'animation pour tous vos liens - JavaScriptBank.com

Version compl�te: jsB@nk » » Flashlike renversement d'animation pour tous vos liens
URL: https://www.javascriptbank.com/flashlike-rollover-animation-for-all-your-links.html

Flashlike renversement d'animation pour tous vos liens © JavaScriptBank.comDivertissez vos visiteurs grâce à ce petit renversement d'animation et de renforcer l'impact visuel pour tous vos textlinks. L'effet ressemble et se comporte comme une animation Flash. Mais il est pur et simple DHTML! La suite de l'un des scripts les plus populaires! Très facile à installer!

Version compl�te: jsB@nk » » Flashlike renversement d'animation pour tous vos liens
URL: https://www.javascriptbank.com/flashlike-rollover-animation-for-all-your-links.html



JavaScript
<SCRIPT>// CREDITS:// Flashlike rollover-animation for all your links// by Urs Dudli and Peter Gehrig // Copyright (c) 2000 Peter Gehrig and Urs Dudli. All rights reserved.// the number of ringsvar ringnumber=4// do not edit the code belowvar x,yvar timervar i_fontsize=new Arrayvar step=new Arrayringnumber=ringnumber-1var maxfontsize=600var startfontsize=1for (i=0;i<=ringnumber;i++) {i_fontsize[i]=startfontsizestep[i]=ringnumber*i*10startfontsize=(maxfontsize/ringnumber)*(i+1)}function cursorposition(e){x=event.clientX+document.body.scrollLefty=event.clientY+document.body.scrollTop}function showrings() {if (document.all) {for (i=0;i<=ringnumber;i++) {if (i_fontsize[i]>=maxfontsize) {i_fontsize[i]=1;step[i]=1}var thisring=eval("document.all.ring"+i+".style")thisring.visibility="visible"thisring.fontSize=i_fontsize[i]thisring.color="rgb("+Math.floor(i_fontsize[i]/2.0)+","+Math.floor(i_fontsize[i]/2.0)+",255)"    thisring.posLeft=x-(Math.floor(i_fontsize[i]/3))thisring.posTop=y-(Math.floor(i_fontsize[i]/1.4))step[i]+=2i_fontsize[i]+=step[i]}timer=setTimeout("showrings()",50)}}function hiderings(e){if (document.all) {clearTimeout(timer)startfontsize=0for (i=0;i<=ringnumber;i++) {thisring=eval("document.all.ring"+i+".style")thisring.visibility="hidden"i_fontsize[i]=startfontsizestep[i]=ringnumber*i*10startfontsize=Math.floor((maxfontsize/ringnumber))*(i+1)}}}if (document.all) {document.onmousemove=cursorposition;}if (document.all) {for (i=0;i<=ringnumber;i++) {document.write("<DIV id='ring"+i+"' style='position:absolute;font-family:Verdana;'>o</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="hiderings()" onmouseover="showrings()" 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-->