»
AnglaisFrançaisVietnamien

Imprimer - Spin 3D Menu - JavaScriptBank.com

Version complète: jsB@nk » Menu » Spin 3D Menu
URL: https://www.javascriptbank.com/3d-spin-menu.html

Spin 3D Menu © JavaScriptBank.comSpin 3D virtuelle Menu crée un «cercle» des liens de menu par laquelle l'utilisateur peut sélectionner manuellement et faire pivoter la vue le lien pour aller à. Ce script fonctionne cool dans IE et NS6 + tout en dégradant bien avec les anciens navigateurs (ne montre pas elle-même). Il est entièrement personnalisable, de ses couleurs, le nombre de liens, pour le positionnement du menu sur la page et plus.

Version complète: jsB@nk » Menu » Spin 3D Menu
URL: https://www.javascriptbank.com/3d-spin-menu.html



JavaScript
<SCRIPT type=text/javascript>/*var domaincheck=window.location.toString()if (domaincheck.indexOf("http")!=-1 && domaincheck.indexOf("javascriptkit.com")==-1 && domaincheck.indexOf("wsabstract.com")==-1){alert("You are NOT allowed to link directly to this .js file on JavaScript Kit!")window.location="http://www.google.com"}*/eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#0099ff',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+"onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()">&lt;&lt;</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">&gt;&gt;</button></div>');eye.muta()}};function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl.offsetParent;}return totaloffset;}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<SCRIPT type=text/javascript>eye.isVertical = 0; //if it's vertical or horizontal [0|1]eye.x = 250; // x offset from point of insertion on pageeye.y = 0; // y offset from point of insertion on pageeye.w = 150; // item's widtheye.h = 30; // heighteye.r = 100; // menu's radiuseye.v = 20; // velocityeye.s = 8; // scale in space (for 3D effect)eye.color = '#ffffff'; // normal text coloreye.colorover = '#ffffff'; // mouseover text coloreye.backgroundcolor = '#0099ff'; // normal background color eye.backgroundcolorover = '#990000'; // mouseover background coloreye.bordercolor = '#000000'; //border coloreye.fontsize = 12; // font sizeeye.fontfamily = 'Arial'; //font familyif (document.getElementById){document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')eye.anchor=document.getElementById('spinanchor')eye.spinmenu();eye.x+=getposOffset(eye.anchor, "left") //relatively position iteye.y+=getposOffset(eye.anchor, "top")  //relatively position it//menuitem:   eye.spinmenuitem(text, link, target)eye.spinmenuitem("JavaScriptBank.com","http://JavaScriptBank.com");eye.spinmenuitem("Item #","http://JavaScriptBank.com");eye.spinmenuitem("Item #","http://JavaScriptBank.com");eye.spinmenuitem("Item #","http://JavaScriptBank.com");eye.spinmenuitem("Item #","http://JavaScriptBank.com");eye.spinmenuitem("Item #","http://JavaScriptBank.com");eye.spinmenuclose();}</SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->