螺旋式旋转的菜单
1.下载spinmenu.js
2.加入如下代码到head区域 <script type="text/javascript" src="spinmenu.js"></script>
加入如下代码到body区域 <table border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <script type="text/javascript"> /* 3D Spin Menu- By Petre Stefan (http://www.eyecon.ro) w/ changes by JK Visit JavaScript Kit (http://www.javascriptkit.com) for script Keep this notice intact! */ eye.isVertical = 0; //if it's vertical or horizontal [0|1] eye.x = 390; // 左边距 eye.y = 150; //上边距 eye.w = 180; //宽度 eye.h = 30; //高度 eye.r = 100; //菜单间距 eye.v = 20; //菜单移动速度 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('<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("JavaScript Kit","http://www.javascriptkit.com"); eye.spinmenuitem("Free JavaScripts","http://www.javascriptkit.com/cutpastejava.shtml"); eye.spinmenuitem("JS Tutorials","http://www.javascriptkit.com/javaindex.shtml"); eye.spinmenuitem("Advanced JS Tutorials","http://www.javascriptkit.com/javatutors/"); eye.spinmenuitem("DHTML/ CSS Tutorials","http://www.javascriptkit.com/dhtmltutors/index.shtml"); eye.spinmenuitem("Web building tutorials","http://www.javascriptkit.com/howto/"); eye.spinmenuclose(); } </script> <p align="center"> </p> </td> </tr> </table>