Version complète: jsB@nk » Image » Cool Linkmarker avec DHTML animés cercle
URL: https://www.javascriptbank.com/cool-linkmarker-with-dhtml-animated-circle.html
Cet JavaScript fait voler de nombreux picure cercle lorsque l'utilisateur spécifié glisser la souris sur un lien. Attirer davantage l'attention avec cette unique onmouseover effet pour tous les types de liens. Cross-browserIE4.x et NN4.x
Version complète: jsB@nk » Image » Cool Linkmarker avec DHTML animés cercle
URL: https://www.javascriptbank.com/cool-linkmarker-with-dhtml-animated-circle.html
<STYLE>.spanstyle {COLOR: #ff0000; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible}.explain {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; FONT-WEIGHT: bold; LEFT: 10px; POSITION: relative; TEXT-ALIGN: center; TOP: 40px; WIDTH: 100%;}A {COLOR: #000000; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: underline}A:visited {COLOR: #000000}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT><!-- Beginning of JavaScript -var x,yvar step=5var flag=1var pausevar timersmallvar timerbigvar isbigcircle=1var pause=50var bigradiusvar smallradius=50var startwinkel=1var imgnumber=12var imgsrc="gif_logojsb2.gif"var xcentervar ycentervar pi= Math.PIfunction onresizer() {clearTimeout(timerbig)clearTimeout(timersmall)initiate()}function initiate() {var initiatetimer=setTimeout("initiate2()",2000)}function initiate2() {if (document.layers) {xcenter=Math.floor(screen.width/2)ycenter=Math.floor(window.innerHeight/2)}if (document.all) {xcenter=Math.floor(document.body.clientWidth/2)ycenter=Math.floor(document.body.clientHeight/2)}bigradius=ycenterbigcircle()}function handlerMM(e){x = (document.layers) ? e.pageX : event.clientXy = (document.layers) ? e.pageY : event.clientYflag=1}function bigcircle() {if (isbigcircle==1) {if (document.all) {for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenterthisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenterstartwinkel=startwinkel+30 }}if (document.layers) {for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145)thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenterstartwinkel=startwinkel+30 }}step=step+5startwinkel=steptimerbig=setTimeout("bigcircle()",pause)}else {isbigcircle=0clearTimeout(timerbig)}}function presmallcircle() {isbigcircle=0clearTimeout(timerbig)smallcircle()}function prebigcircle() {isbigcircle=1clearTimeout(timersmall)bigcircle()}function smallcircle() {if (isbigcircle==0) {if (document.all) {for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+xthisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+ystartwinkel=startwinkel+30 }}if (document.layers) {for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+xthisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+ystartwinkel=startwinkel+30 }}step=step+5startwinkel=steptimersmall=setTimeout("smallcircle()",pause)}else {isbigcircle=0clearTimeout(timersmall)}} window.onoad=initiate()// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><DIV class=explain id=source><A href="http://javascriptbank.com/" onmouseout=prebigcircle() onmouseover=presmallcircle() target=_blank>Move your mouse over this link</A></DIV><SCRIPT><!-- Beginning of JavaScript -for (i=1;i<=imgnumber;i++) { document.write("<span id='span"+i+"' class='spanstyle'>")document.write("<img src='"+imgsrc+"'>") document.write("</span>")}if (document.layers){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;document.onresize = onresizer;// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->