|
|
Linje 1: |
Linje 1: |
| <pre> | | <div id="menucol"> |
| <script type="text/javascript"> | | <ul class="niveau1"> |
| | <li class="sub"><a href="#">Introduktion</a> |
| | <ul class="niveau2"> |
| | <li><a href="#">Historie</a></li> |
| | <li><a href="#">Matematikken</a></li> |
| | <li><a href="#">Fysikken</a></li> |
| | <li><a href="#">Rumfart</a></li> |
| | </ul> |
| | </li> |
| | <li class="sub"><a href="#">Indre planeter</a> |
| | <ul class="niveau2"> |
| | <li><a href="#">Merkur</a></li> |
| | <li><a href="#">Venus</a></li> |
| | <li><a href="#">Jorden</a></li> |
| | <li class="sub"><a href="#">Mars</a> |
| | <ul class="niveau3"> |
| | <li><a href="#">Astronomiske data</a></li> |
| | <li><a href="#">Måner</a></li> |
| | <li><a href="#">Atmosfære</a></li> |
| | <li><a href="#">Topologi</a></li> |
| | </ul> |
| | </li> |
| | </ul> |
| | </li> |
| | <li><a href="#">Asteroiderne</a></li> |
| | <li class="sub"><a href="#">Ydre planeter</a> |
| | <ul class="niveau2"> |
| | <li><a href="#">Jupiter</a></li> |
| | <li><a href="#">Saturn</a></li> |
| | <li><a href="#">Uranus</a></li> |
| | <li><a href="#">Neptun</a></li> |
| | <li><a href="#">Pluto</a></li> |
| | </ul></li> |
| | <li><a href="#">Kometskyen</a></li> |
| | </ul> |
|
| |
|
| /*
| | </div> |
| 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 = 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("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>
| |
| <pre>
| |
| <p align="left"><font face="arial" size="-2">This free script provided by<br>
| |
| <a href="http://javascriptkit.com">JavaScript Kit</a></font></p>
| |
| | |
| <div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>
| |