Vollständigen Link anzeigen: javarea.de Forum > JavaScript > java script...Bild einfügen
| geschrieben von Gast am 08.09.2010 - 12:38 |
| Wie kann man bei dem statt dem Text Javarea...java-Script..ect... ein Bild einfügen? Danke im Voraus eye.spinmenuitem(\\\"Javarea\\\",\\\"http://www.javarea.de/\\\"); eye.spinmenuitem(\\\"Java-Script\\\",\\\"http://www.javarea.de/index.php3?opencat=Javascript\\\"); ------------------------------------------------------------ ----------------------------------------------------------- <br> <div style=\\\"position:absolute;top:10;left:10\\\"> <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:\\\'#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  ointer;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 = 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 = 4; // scale in space (for 3D effect) eye.color = \\\'#ffffff\\\'; // normal text color eye.colorover = \\\'#ffffff\\\'; // mouseover text color eye.backgroundcolor = \\\'blue\\\'; // normal background color eye.backgroundcolorover = \\\'gold\\\'; // mouseover background color eye.bordercolor = \\\'#000000\\\'; // border color eye.fontsize = 12; // font size eye.fontfamily = \\\'Arial\\\'; //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(\\\"Javarea\\\",\\\"http://www.javarea.de/\\\"); eye.spinmenuitem(\\\"Java-Script\\\",\\\"http://www.javarea.de/index.php3?opencat=Javascript\\\"); eye.spinmenuitem(\\\"Java-Appelts\\\",\\\"http://www.javarea.de/index.php3?opencat=Javaapplet\\\"); eye.spinmenuitem(\\\"Java-Tools\\\",\\\"http://www.javarea.de/index.php3?opencat=Javtool\\\"); eye.spinmenuitem(\\\"Java-Games\\\",\\\"http://www.javarea.de/index.php3?opencat=Javagames\\\"); eye.spinmenuitem(\\\"DHTML/XML/CSS\\\",\\\"http://www.javarea.de/index.php3?opencat=xhtml-css\\\"); eye.spinmenuitem(\\\"PHP-MYSQL\\\",\\\"http://www.javarea.de/index.php3?opencat=PHP\\\"); eye.spinmenuclose(); } </script> </div> |