Circle menu
Free version 1.0
The navigation menu for web site by Tatiana Konstantinova , 2000 lunya@hotmail.com
Circle menu demonstrates a non-button way of navigation. Just move the yellow ball around the circle to change links. This applet has several parameters that you can change to customize it for your web page (see "parameters" section on this page).You can use this applet with frames (see "window" parameter).
HTML example
Upload "Circle.class" to your applet directory and then copy&paste the following html code.Don't forget to change the "codebase" to link to your site and applet directory on that site.
<applet code="Circle.class" codebase="http://www.yoursite/applet_dir/" name="Circle" width="170" height="200">
<param name="back" value="#000000">
<param name="title1" value="Circle applet">
<param name="url1" value="http://www.angelfire.com/co/Lunya/Circle.html">
<param name="title2" value="Java">
<param name="url2" value="http://java.sun.com">
<param name="title3" value="Freeware">
<param name="url3" value="http://www.angelfire.com/co/Lunya/freeware.html">
<param name="about" value="Move the yellow ball.">
<param name="next" value="Next">
<param name="prior" value="Prior"> Sorry, your browser doesn't support frames.
</applet>
Parameters
Parameter | Example of value | Description |
title1..title20 | My page | You can use up to 20 title parameters-title1, title2 etc. to define the names of the buttons on the menu |
url1..url20 | http://www.mysite.com | Link to URLs. Each defined "title" parameter should have corresponding "url" parameter - url1,url2, etc. |
back | #FFC2D4 | Background color defined by 16-base.Should start with "#" sign. For example, #FFFFFF-white background, #000000 - black background.Recommended backgound color for "circle" effect is the same with your web-page backgound. |
window | _top | Name of window where links will be opened.This parameters should be defined if you have frames. By default _blank window is opened. |
about | Move the ball! | The string on the bottom part of the applet. |
next | Next link | The string near the "next" arrow |
prior | Prior link | The string near the "prior" arrow |
© Tatiana Konstantinova, 2000