船长 发表于 2009-03-03 11:03 | 分类：javascript | 阅读数：1,015 次
3D旋转菜单效果，不好描述，运行看效果来得更直接
<html> <head> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/03/03/spinmenu.js"></script> </head> <body> <p style="color:red">如不显示，请再次刷新页面:</p> <script type="text/javascript"> 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('<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("web集结号1","http://www.songlecn.com"); eye.spinmenuitem("web集结号2","http://www.songlecn.com"); eye.spinmenuitem("web集结号3","http://www.songlecn.com/"); eye.spinmenuitem("web集结号4","http://www.songlecn.com/"); eye.spinmenuitem("web集结号5","http://www.songlecn.com/"); eye.spinmenuitem("web集结号6","http://www.songlecn.com/"); eye.spinmenuclose(); } </script> </body>
提示：你可以先修改部分代码再运行。
您的网名： * 必填
电子邮件： * 绝不会泄露
个人主页：
评论内容：
(Ctrl+Enter快捷回复)
web集结号致力于
