Pure Css Collapsible Menu by Deluxe-Menu.com
Pure Css Collapsible Menu

Template:

iPhone 19 Template - HTML CSS Menu






    - Items with icons
    - Transition #14 - "fade out" effect
    - Text aligned to left
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Horizontal or vertical orientation
    - Sound support!




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

Menu Screenshots

Pure Css Collapsible Menu Menu Script Shell

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

Features

Cost Effective
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
Javascript Expanding Pure Css Collapsible Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed pure css collapsible 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
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'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.

If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.

A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.

  var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
  var arrowImageMain=["data.files/arrv_white_1.gif",""];
  var arrowImageSub=["data.files/arr_white_1.gif",""];

or

  var pathPrefix_img="";
  var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
  var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""];

Q: There is one other issue I am hoping you can help with? When the dhtml web menu drops down in Safari over a SWF -- it disappears. I have added the function dm_ext_ruleObjectHide() code to the top of my data file. Can you please advise what else I can try?

A: Submenu couldn't overlap flash in Safari correctly.

And the following code:
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) &&(navigator.vendor.indexOf('Apple Computer') != -1) &&(navigator.product=='Gecko'))
return true;

in function
function dm_ext_ruleObjectHide()
{
// Safari detect
if ((parseInt(navigator.productSub)>=20020000) &&(navigator.vendor.indexOf('Apple Computer') != -1) &&(navigator.product=='Gecko'))
return true;
else
return false;
}

cause flash to disappear in Safari.

You can try to write this function in the following way:

function dm_ext_ruleObjectHide()
{
return false;
}




Q: I am currently having a look at the use of your drop down menu and was wondering if there was an option to make all of the top menu links the same size?
At current It looks like it is on a percentage increase related to the amount of text, can I change this to a fixed value no matter the text amount?

A: You can use Individual Item Style.

Use that parameter:

  var itemWidth=100px

Width of an item (px, % or other units).

For example:

  var itemStyles = [

["itemWidth=150"], // style 0
];

  var menuItems = [

["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "0"], // assign style 0
["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"], // assign style 0
];


Q: Where can I give the body of the javascript method which I use in cool dhtml menu?


A: You can define functions after menuItems, before you call dm_init();function.

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

Where your_function(...):

function your_function(...)
{
.....
}


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