Template:

iPhone 20 Template - Mouseover CSS Menu

    - Status string shows item labels
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Cross-frame support - menus work on frameset-based pages
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: Blog :: More Info

Menu Screenshots

Buy Now! :: Free Trial Download :: More Info

Features

Unrivalled Features

Scrollable, dragable, floating, right-click menus
Keyboard navigation - press Ctrl+F2 to enter the menu
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".
Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
Sound support!

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
UL/LI items structure
Runs well with an unlimited number of submenus and items

Onmouseover D Moodle Aardvark Adding Menu Items

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites
Section 508 compliant

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed moodle aardvark adding menu items samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

2.0 Buttons by Web-Buttons.com v3.0.0

Buy Now! :: Free Trial Download :: More Info

Javascript Menu. DHTML Menu.

Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Buy Now! :: Free Trial Download :: More Info

Recent Questions

Q: How can I declare the "delay" time for the opening js popup window?

A: You should set the following parameter:

openAfter:20,
Open after time (secs).

Q: I am really interested in this product but I am having difficulty adding content to the java menu bar tabs. I checked the FAQ section and followed the directions, but when I test it nothing happens and I get an error on page at the bottom.

A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">

<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">

<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

Q: It looks as though I should be able to have an icon before each item in the sub-menu in javascript tabs, but I don't seem to be able to get thisto work.

Could you please tell me how to fix this?

A: You can use icons before each item in the sub-menu.
You should use the following parameters:

- set icon in the "Item Parameters" window.
- set the width and height of this icon

  var biconWidth=7;
  var biconHeight=7;
  var biconAlign="left";
- set, for example

  var bbeforeItemSpace=15;
  var bsmItemAlign="left";

Q: Now I wonder what I have to do in my script to make dhtml sub menu be displayed horizontal instead of vertical. I want them to display vertical be left - aligned and be shown by a white Background. How can I achieve this?

A: You should set the following parameters:

var smColumns=0;
var smOrientation=1; //horizontal orientation of submenus

set white backcolor for submenus
["itemWidth=60px","itemBackColor=#FFFFFF,#FFFFFF","itemBorderWidth=0","itemBorderStyle=none,",
"itemBorderColor=#FFFFFF,", "fontColor=#404040,#404040","fontDecoration=none,underline"],

Buy Now! :: Free Trial Download :: More Info