非常酷的旋转导航菜单

2009-11-23 导航菜单 ℃

<html>
<head>
<script language="JavaScript">

</script>
</head>
<body>
<script type="text/javascript">
eye.isVertical = 0; //if it's vertical or horizontal [01]
eye.x = 400; // x offset from point of insertion on page
eye.y = 70; // 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("网址","http://www.网址.com");
eye.spinmenuitem("download","http://down.网址.com");
eye.spinmenuitem("js","http://js.网址.com");
eye.spinmenuitem("book","http://book.网址.com");
eye.spinmenuitem("cool","http://cool.网址.com");
eye.spinmenuitem("tool","http://tool.网址.com");
eye.spinmenuclose();
}
</script>
</body>
</html>

相关特效代码

热门特效代码: 三级竖向展开/收缩导航菜单; 鼠标指向弹出菜单; jQuery 弹出菜单层; CSS二级下拉导航菜单; CSS做的垂直导航菜单效果; 横向二级导航菜单; 仿google首页下端图片文字动画导; 导航链接菜单间隔闪烁; 动态翻滚的导航条[酷比flash]; 纯CSS的三级联动级联菜单

推荐特效代码: CSS+div+js组合强大实现超酷菜单; 动态翻滚的导航条[酷比flash]; CSS横向下拉菜单; 微软风格的CSS横向菜单; 立体的CSS按钮菜单效果; 左侧隐藏的菜单