Version complète: jsB@nk » Lien » Rainbow » Flashlike renversement d'animation pour tous vos liens
URL: https://www.javascriptbank.com/flashlike-rollover-animation-for-all-your-links.html
Divertissez 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 » Lien » Rainbow » Flashlike renversement d'animation pour tous vos liens
URL: https://www.javascriptbank.com/flashlike-rollover-animation-for-all-your-links.html
<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-->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-->