| Web Menus |
Expand Menu Studio
*NEW* Construct and maintain multi-level menus with this complete menu solution. Includes a menu editor and 50 menu design templates.
Read More...
Mercury Buttons
Dynamically build graphical web buttons and tabs in just minutes. No images required!
Read More...
Fission Menu
Quickly turn a single image into a stylish themed panel of web buttons with the minimum of effort!
Read More...
eXpand
The classic 2-level menu applet. Dynamically expand sub-menus as you move over top-level menus.
Read More...
|
| Banners |
Spotlight Banner
Create fantastic eye-catching lighting effects with the Spotlight applet.
Read More...
|
| Security |
Abstract e-mail
Abstract offers a truly simple solution to protecting e-mail addresses on your site.
Read More...
|
|
|
 | 6. Events | |
6.1 Highlight Effect
When you move your mouse cursor over a Mercury button or tab, the automatic highlight effect will change the colors of the button/tab face and text to indicate that it can be clicked on.
These colors are defined in the following parameter tags:
| |  | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="HighlightColor1" value="303090">
<param name="HighlightColor2" value="000000">
<param name="HighlightFontColor" value="FFFF00">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
|  |
| |
You should pay careful consideration to your highlight effect - having a button or tab suddenly change from bright blue to bright red may look a bit amateurish. You can generally obtain a more subtle and pleasing effect by just lightening or darkening the color.
This is pretty easy to do with Mercury, but only after you've understood how the Color Model works.
6.2 Lightening a Color
To lighten up a color, add a consistent amount to each of the individual RGB values. So, if you were working with a color value of 808040, a lighter version of the color would be B0B070.
This lighter color value was determined by adding #30 (note: these are all hexadecimal values) to each of the individual RGB elements.
Red: 80 + 30 = B0 Green: 80 + 30 = B0 Blue: 40 + 30 = 70
When these values are combined back into the RGB color model, we get B0B070.
6.3 Select Effect
It is possible to identify a button or tab as selected through the SelectedMenu parameter. This can be used to display the button or tab in a different color to the other buttons/tabs in the set:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="SelectedMenu" value="1">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
When a button or tab has been designated as selected, the colors will follow the values used in the following parameters:
| | | <applet code="WibbleMercury.class" height=100 width=150>
<param name="NormalColor1" value="6080A0">
<param name="HighlightColor1" value="80a0d0">
<param name="SelectedMenu" value="1">
<param name="SelectColor1" value="a0a0a0">
<param name="SelectColor2" value="000000">
<param name="SelectFontColor" value="808080">
<param name="Text_1" value="Test">
<param name="Page_1" value="http://www.wibbleware.com">
<b>This page requires a java-capable browser</b>
</applet>
| |
| |
|
|
|
