Spinning Menu

Pagini: 1

costy
Administrator
Postari: 548

This 3D Spin Menu creates a virtual "ring" of menu links whereby the user can manually select and rotate into view the desired link to go to. This script works in IE and NS6+ while degrading well with older browsers (doesn't show itself). It's fully customizable, from its colors, number of links, to positioning of the menu on the page and more. Modified to be relatively positioned on page.

Insert Between Head Tags: <HEAD></HEAD>

<script type="text/javascript" src="http://jdstiles.com/java/js/spinmenu.js"></script>

Insert Inside Body: <BODY></BODY>

<script type="text/javascript">

eye.isVertical = 0; //if it's vertical or horizontal [0|1]
eye.x = 480; // x offset from point of insertion on page
eye.y = 10; // 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 = '#000066'; // normal text color
eye.colorover = '#ff1493'; // mouseover text color
eye.backgroundcolor = '#ff1493'; // normal background color
eye.backgroundcolorover = '#00ced1'; // mouseover background color
eye.bordercolor = '#000066'; //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 Examples","http://www....."

;
eye.spinmenuitem("MS Office Tips","http://www......"

;
eye.spinmenuitem("Design Sets","http:....."

;
eye.spinmenuitem("Developer Tools","http://www.......l"

;
eye.spinmenuitem("Support","http://......"

;
eye.spinmenuitem("Guestbook","http://....."

;
eye.spinmenuclose();
}
</script>

Pagini: 1

Mergi la