Slide Menu Deroulant by Deluxe-Menu.com
Slide Menu Deroulant

Template:

Simple Dark Menu Template - CSS Menu DHTML






    - Search feature - add the search area in the menu and type symbols.
    - Transition #14 - "fade out" effect
    - Items with icons
    - Filters and Transitional effects
    - Horizontal or vertical orientation
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - UL/LI items structure
    - Sound support!




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

Menu Screenshots

Slide Menu Deroulant Dhtml Tabbed Menus

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide menu deroulant menus easily and in no time
  • Sensible menu parameters for manual editing
Fade In Pop Up Slide Menu Deroulant
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
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



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

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



Q: At the first time arrow images are loaded successfully in the menu, That time I click the menu and open a new page in crossframe.
After that I try to open new page from Main Menu, the arrow images are not displayed in the Sub-menus.


A: Thanks for your interest in our products.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: Using data-visa-5.js

Trying to get the menu to start collapsed rather than fully expanded.

Thought it was the   var texpanded=0 setting but doesn't seem to have any effect.

A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:

["+   Home","index.php","","","Home","","","1",""],
["+   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+   WeatherForum","/forum/index.php","","","Home","","","1",""],
["+   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+   Weather Maps","","","","Weather Maps","","","1",""],

Delete + signs from your items:

["   Home","index.php","","","Home","","","1",""],
["   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["   WeatherForum","/forum/index.php","","","Home","","","1",""],
["   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["   Weather Maps","","","","Weather Maps","","","1",""],




Q: I try to fix the height of the submenu "Zone Climatiques" to 400px but I didn't find the way to do this. It worked by setting   var smHeight=400px but that setting set all submenus. I would like set only the height of "Zone climatiques" submenu.
  Thanks for your help.


A: You should create Individual Style

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["smHeight=400px"],
];

and assign it to the first item in submenu
["3101 - Ste-Anne-Des-Monts","ProcessClimaticZone/edit.do?id=3101,2003-11-13", , , , , ,"1","stationSubMenu.htm?climaticZoneId=3101,2003-11-13",],


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