MK204
Neues Mitglied
Buttons versetzen bei 3D Spin Menu
Serwas,
Weiss irgendwer wie man die Buttons versetzen kann wie im Bild angezeichnet?
Merci derweil, MK
Serwas,
Weiss irgendwer wie man die Buttons versetzen kann wie im Bild angezeichnet?
HTML:
<div style="position:absolute;left:500">
<script type="text/javascript">
/*
3D Spin Menu- By Petre Stefan (http://www.eyecon.ro)
*/
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:'#000000',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()"><<</button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">>></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;
}
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 0; // x offset from point of insertion on page
eye.y = 0; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 40; // height
eye.r = 175; // menu's radius
eye.v = 20; // velocity
eye.s = 2; // scale in space (for 3D effect)
eye.color = '#87cefa'; // normal text color
eye.colorover = '#0000ff'; // mouseover text color
eye.backgroundcolor = '0000ff'; // normal background color
eye.backgroundcolorover = '87cefa'; // mouseover background color
eye.bordercolor = '#87cefa'; // border color
eye.fontsize = 12; // font size
eye.fontfamily = 'Arial Black'; //font family
if (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 it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("Über Mich","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=59626884&userid=94529167");
eye.spinmenuitem ("Meine Musik","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=983889881205789864&userid=94529167");
eye.spinmenuitem("Mein Hund","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=924599991205789430&userid=94529167");
eye.spinmenuitem("Mein Computer","http://www.sysprofile.de/id46598");
eye.spinmenuitem("Meine Software","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=871153841205791856&userid=94529167");
eye.spinmenuitem("Tipps zu Vista","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=561205261205789118&userid=94529167");
eye.spinmenuitem("TSV 1860","http://www.tsv1860.de/de/index.php");
eye.spinmenuitem("Groundhopping","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=422968551205789241&userid=94529167");
eye.spinmenuitem("Onkelz Radio","http://www.onkelzradio.de/index2.php");
eye.spinmenuitem("Rock Antenne","http://www.rockantenne.de/");
eye.spinmenuitem("Kochrezepte","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=232355481205789271&userid=94529167");
eye.spinmenuitem("Cocktails","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=714365081205789290&userid=94529167");
eye.spinmenuitem("TV Programm","http://www.tvtoday.de/program2007?format=list&offset=0&date=today&slotIndex=2&genre=SP&channel=hauptgruppeId%3A1%2C3");
eye.spinmenuitem("Gästebuch","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=guestbook&userid=94529167");
eye.spinmenuitem("Kontakt","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=kontakt&userid=94529167");
eye.spinmenuitem("Impressum","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=98119916&userid=94529167");
eye.spinmenuitem("Linkliste","http://www.oyla22.de/cgi-bin/eigenes.cgi?page=text&id=436355131205789830&userid=94529167");
eye.spinmenuitem("oyla.de","http://www.oyla.de/");
eye.spinmenuitem("Bildupload","http://imageshack.us/"); eye.spinmenuclose("");
}
</script>
</div>Merci derweil, MK
Anhänge
Zuletzt bearbeitet:
