I have modified the spin menu Java script for web based menus
New improvements makes it automatic scrollable etc.
Check the working sample @ http://patil.netfirms.com
To use it in your site
Add the file http://vinay.welcome.googlepages.com/spinmenu.js
and below pasted java script code to your website
<script type="text/javascript" src="spinmenu.js"></script>
<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
modified by Vinay Patil for automatic scrolling
Keep this notice intact!
*/
eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 600; // x offset from point of insertion on page
eye.y = 50; // y offset from point of insertion on page
eye.w = 150; // item's width
eye.h = 40; // height
eye.r = 100; // menu's radius
eye.v = 40; // velocity
eye.s = 8; // scale in space (for 3D effect)
eye.color = '#ffffff'; // normal text color
eye.colorover = '#ffffff'; // mouseover text color
eye.backgroundcolor = '#0000ff';//'#0099ff'; // normal background color
eye.backgroundcolorover = '#990000'; // mouseover background color
eye.bordercolor = '#000000'; //border color
eye.fontsize = 12; // font size
eye.fontfamily = 'Verdana'; //font family
if (document.getElementById){
document.write('')
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("Home","http://patil.netfirms.com");
eye.spinmenuitem("Photos","http://patil.netfirms.com");
eye.spinmenuitem("Source","http://patil.netfirms.com");
eye.spinmenuitem("Links","http://patil.netfirms.com");
eye.spinmenuitem("Web building tutorials","http://www.javascriptkit.com/howto/");
eye.spinmenuclose();
}
</script>
Posts
