Sample Spry Menu Bar Websites by Deluxe-Menu.com
Sample Spry Menu Bar Websites

Template:






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - 85% transparency for sub menus
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - 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

Sample Spry Menu Bar Websites Javascript Navbar Generator

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

Features

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
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
Menu In Java Sample Spry Menu Bar Websites
Easy Setup
  • De Luxe Tuner. GUI interface to create your sample spry menu bar websites menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sample spry menu bar websites samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm having trouble getting some of my drop down menu scripts opening in the frm2.

If you look under products, then Hard drives, then Rugged Airborne .....this one and Rugged Ground will not open in frm2 but the Contact Us and Get Quote are working fine.
Can you help me get these things to open in a frm2.


A: You should write your menu items correctly.
Now you have

   ["||Rugged Airborne","../RuggedAirborne.htm","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","Ground","frm2","0", ],

it is not correct.
You should write:
   ["||Rugged Airborne","../RuggedAirborne.htm","","","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","","","Ground","frm2","0", ],


Q: How can I have the sub tab option that initiated the action highlighted once the new page is reloaded?  I want to highlight the tab which is done with 'bselectedItem', please tell me about the sub-tab option.

A: See you cannot create subitems in
  var tabMode=0;
it is not correct.

You should set
  var tabMode=1;

The following parameters set the pressed items for top items andsubitems:

  var bselectedItem=0; //top items
  var bselectedSmItem=2; //subitems

where 0,1,2... is the index of the item in bmenuItems.

- delete   var bselectedItem=1; and   var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:

<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript">  var bselectedItem=3;
  var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>




Q: I am interested in Deluxe Tabs MAC Style.
However before I do I want to make sure that:

- I can change the buttons pictures on both the first row and the second row. There has to be a <img src=" " > tag in the code somewhere, correct?


- I can expand or diminish the number of buttons and links


- Also, I have a question: if I am on "Mac Tab 1" menu, and I click on "Mac Tab 2" menu without clicking on any of the links onthe second row, what is the page that I see? Do I see by default Link 2_1 or do I see some kind of generic page? In other words is there a "main" page for each tab menu and then you have the other pages which correspond to Link 2_1, Link 2_2, etc.?

- Is it possible to remember a visited sub-menu? For example I am on "Mac Tab 2/Link 2_3" and I go to "Mac Tab 4/Link 4_2" and then I come back to "Mac Tab 2". Can the main page for this "Mac Tab 2" be Link 2_3 which was my last visited link on that tab?


A: 1) No, there is no such tag - <img src=" " >

For the main items you should set such parameters:
bbeforeItemImage - left part of the item
bafterItemImage - right part of the item
bitemBackImage - center part of the item

in normal, mouseover and selected states.

And for the subitems (in MAC template) you should set onlybitemBackImage - the center part of the item.

Please, see the code of this template.

2) You can create any number of the buttons and links.

3) You can set links for main items and for the subitems.
For example:

  var bmenuItems =
[
["Mac Tab 1","http://deluxe-menu.com",,,,,,],
 ["|Link 1_1","http://apycom.com",,,,,,"0"],
 ["|Link 1_2","testlink.htm",,,,,,"0"],
 ["|Link 1_3","testlink.htm",,,,,,"0"],

So, if you click on "Mac Tab 1" you will go to http://deluxe-menu.com
And if you write so
["Mac Tab 1","",,,,,,],
no page will open.

4) This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)


Q: I'm trying to put the tree menu within a table per the instructions below, but the menu is not going in the menu but actually going on top of it!


A: Please, check that you don't use absolute position for the Tree Menu.

  var tabsolute = 0;


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