Jquery Image Flyout Menu by Deluxe-Menu.com
Jquery Image Flyout Menu

Menu Screenshots

Jquery Image Flyout Menu Html Pop Up Menu Tutorial

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery image flyout menu 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
Vertical Slide Down Menu Jquery Image Flyout Menu
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
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: How can I make top items different colors in the dhtml pop up menu?


A: You should create 6 Individual Styles and assign them to you topitems.

  var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];

["Find out Who we are","http://www.yoursite.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.yoursite.org/info.html", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5




Q: However when recreating the menus after deleting all trace of the trial version and loading on the licensed version I have developed problems.

When I create menus and test using expression web on explorer it works well but when published to web the dropdown menu appear but cannot be clicked on to be diverted to the relevant links. Also since loading the licensed version when using the test browser in expression web firefox a message appears as follows     “firefox dosen’t know how to open this address, because the protocol (c) isn’t associated with any program”.

Please advise I have loaded the licence in the correct way I’m sure.


A: You cannot use local paths on your website. They won't work.

["Home","", "", "", "", "", "0", "0", "", ],
 ["|Localmag Homepage","C:/Documents and Settings/ME/My Documents/localmagwebsite/index.htm", "", "", "", "", "", "", "", ],
 ["|Medway Homepage","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/medwayhomepage.html", "", "", "", "", "", "", "", ],
["Charity","", "", "", "", "", "0", "", "", ],
 ["|childrens","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/childrenscharities/childrens_charity_home_page.htm", "", "", "", "", "","", "", ],
 ["|medical","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/medicalcharities/medical_charity_home_page.htm", "", "", "", "", "", "","", ],
 ["|religious","C:/Documents and Settings/ME/My Documents/localmagwebsite/medwaytowns/charities/religiouscharities/religious_charity_home_page.htm", "", "", "", "", "","", "", ],

You should write
["Home","", "", "", "", "", "0", "0", "", ],
 ["|Localmag Homepage","localmagwebsite/index.htm", "", "", "", "", "", "", "", ],
 ["|Medway Homepage","localmagwebsite/medwaytowns/medwayhomepage.html", "", "", "", "", "", "", "", ],
["Charity","", "", "", "", "", "0", "", "", ],
 ["|childrens","localmagwebsite/medwaytowns/charities/childrenscharities/childrens_charity_home_page.htm", "", "", "", "", "", "", "", ],
 ["|medical","localmagwebsite/medwaytowns/charities/medicalcharities/medical_charity_home_page.htm", "", "", "", "", "", "", "", ],
 ["|religious","localmagwebsite/medwaytowns/charities/religiouscharities/religious_charity_home_page.htm", "", "", "", "", "", "", "", ],


Q: I create a dhtml menu tabs on a website and I keep getting an error. On my dutch system it says: 'tabs[...].id' is leeg of geen object.

What am I doing wrong? I cannot find the problem.

On the first click on de tabs I get the error and nothing happens. From the second click on, everything works fine.

A: You can find an answer in Recent Questions section on our website.

Try to set the following parameter:

  var bselectedSmItem=0;

Use latest engine file also.



Q: Is there a function for flash tab menu a I can call to make a tab appear??


A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>