Spry Menu Bar Examples by Deluxe-Menu.com
Spry Menu Bar Examples

Template:

Myspace Style Template - Drop Down Menu Bar

 









    - Unlimited number of sub levels
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Transition #14 - "fade out" effect
    - Image arrows
    - Status string shows item labels
    - Submenus automatically scrolls




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Spry Menu Bar Examples Drop Down Menu Design Code

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your spry menu bar examples menus easily and in no time
  • Sensible menu parameters for manual editing
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
Dhtml Animated Menu Spry Menu Bar Examples
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed spry menu bar examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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!



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do you have a menu that allows the sub-items to 'slide' out from the menu?
For example, you mouse-over the first button, and the sub menu slides from 'underneath' the button from left to right?


A: You should to use transitional effects.

Try to set
  var transition=6;
  var transOptions="";
  var transDuration=350;
  var transDuration2=200;

But notice that transitional effects are features of Internet Explorer5.5+ only.
See more info here:

http://deluxe-menu.com/filters-and-effects-sample.html

Try that.


Q: We purchased your software and would like a way to give our users the ability to right click (or equivalent) and open a link in to a new window.

Is there a way to do this? If not, do you have a work around that people have found helpful.

As an example, I have a menu item that goes to http://www.google.com. Typically, it loads this in to one of our frames. However, I would like the end user to have the ability to either load it in to one of our existing frames or to load it in its own window.

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



Q: I've encountered a problem when I was creating my collapsible menu javascript. I got an error message when I was creating my menu as follows:

----------------------------------
There is the error in the data file. The menu won't be loaded correctly.

Line: 361
Char: 3
Code: 0
Message:']' f=F6rv=E4ntas
----------------------------------

A: You have errors in your data file now. It is not correctly to writeitems in the following way:

   ["||10"","", "", "", "", "", "", "", "", "", ],
   ["||11"","", "", "", "", "", "", "", "", "", ],

You should write:

   ["||10","", "", "", "", "", "", "", "", "", ],
   ["||11","", "", "", "", "", "", "", "", "", ],

Q: I just purchased the Deluxe PopUp Window application in order to implement some pop up window on my web site the way I need them to work.

Infact, after taking a look at your application it doesn't seem (maybe I'm wrong) it can be used the way I need to.

To cut a long story short: I need the PopUP window onclick to show images and not texts pening up them by clicking on a text-link.

Images are many so, if I not wrong I must create lots of windows each one for each single image.

So, my questions are:

1) Can I use you pop up to show images only?

2) Can I activate them by clicking on the related links.

Generally, in order to do so, I have a single js script that activate the window onclick. To load a Popup window I need to click on a link by opening an HTML page containing the image.

To let it all work I need a <script> function in the <head> </head> tags and an onclick command calling the PopUp script activated when I click on the related link.

So, does your script work the same way. Can you confirm me that I can use your application just the same way as I have always done with a simple .js script + an .htm page containing an image?

I hope I was clear.

A: You can call only one data file and use deluxePopupWindow.open() function to open your windows:

<a href="javascript:;" onclick="deluxePopupWindow.open('window1', '<img src=\'img/DSCN3699.jpg\'>',
'Window1','width=100,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'simple')">Click Here to see a chase1 sample</a>



See more info:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html

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