pokretni 3D meni

Objavljeno 4. Maja 2007. od strane tutor / 7 komentara

kod ubaciti u <head> tag:

<script> //3d pokretni meni //html tutor za blog</p> <p>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("</p> <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> <p>");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> <p>');eye.muta()}};</p> <p>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; }</p> <p></script>

drugi kod ubaciti u <body> tag gdje zelite da se meni pojavi:

<script type="text/javascript"></p> <p>/* 3D pokretljivi meni scriptu preuredio html tutor za blog */</p> <p>eye.isVertical = 0; //if it's vertical or horizontal [0|1] eye.x = 150; // 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 = 30; // height eye.r = 100; // menu's radius eye.v = 20; // velocity eye.s = 8; // scale in space (for 3D effect) eye.color = '#ffffff'; // normal text color eye.colorover = '#ffffff'; // mouseover text color eye.backgroundcolor = '#0099ff'; // normal background color eye.backgroundcolorover = '#990000'; // mouseover background color eye.bordercolor = '#000000'; //border color eye.fontsize = 12; // font size eye.fontfamily = 'Arial'; //font family if (document.getElementById){ document.write('</p> <div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div> <p>') 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</p> <p>//menuitem: eye.spinmenuitem(text, link, target) eye.spinmenuitem("html tutor","http://www.htmltutorijali.blogger.ba"); eye.spinmenuitem("dizajn za blog","http://www.templatezablog.blogger.ba"); eye.spinmenuitem("link3","#"); eye.spinmenuitem("link4","#"); eye.spinmenuitem("link5","#"); eye.spinmenuitem("link6","#"); eye.spinmenuclose(); } </script><br /> <br><br/><br><br/><br><br/><br /> <b><br /> <font size="5"><br /> <script>

tutor

Pogledaj sve objave od tutor →

7 komentara

rokekoke kaže:

13. Februara 2008. u 22:42

kako funkcionise ovaj prkretni meni,kako napisati na njemu npr galerija i staviti u nju slike?????”

Prijavite se da biste komentarisali
luda11 kaže:

29. Februara 2008. u 17:29

gdje se nalazi head a gdje body ja to nekontam????!!!

Prijavite se da biste komentarisali
ramzes3 kaže:

10. Aprila 2008. u 19:11

gdje se nalazi head a gdje body ja to nekontam????!!!

Prijavite se da biste komentarisali
mirsadxx kaže:

12. Aprila 2008. u 19:58

GDJE SE NALAZI HEAD A GDJE BODY TAG

Prijavite se da biste komentarisali
dinka4ever kaže:

19. Januara 2009. u 18:44

pufff..dje se nalazee head a djee bodyy…..ja to nisss ne vidim na bloggeruu…:S

Prijavite se da biste komentarisali
tibor kaže:

25. Januara 2009. u 21:45

Otvorena je nova stranica za 3D dizajn, za sve koji se time bave, ili bi željeli naučiti, pa ko hoće neka navrati:

http://www.cgbalkanika.com/

Prijavite se da biste komentarisali
undetectable kaže:

10. Maja 2009. u 14:14

E kako sad da stavim umjeso ong Link3,npr,MENI,POSTOVI, i to. Stvaim umjest onog samo napisem MENI,ali nece da otvori?
Aj please odgovori…

Prijavite se da biste komentarisali

Komentariši Poništi odgovor

Morate biti prijavljeni da biste objavili komentar.