Scrolling Menu In Css Indexhibit by Deluxe-Menu.com
Scrolling Menu In Css Indexhibit

Template:

iPhone 17 Template - CSS Pop Up Menu






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Items with icons
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Sound support!




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

Menu Screenshots

Scrolling Menu In Css Indexhibit Dropdown Menu With Script

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your scrolling menu in css indexhibit menus easily and in no time
  • Sensible menu parameters for manual editing
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
Horizontal Menus Java Scrolling Menu In Css Indexhibit
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed scrolling menu in css indexhibit samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Your product seems to have menus draw only in a fixed 'hardcoded' direction ( opens either left or right )

is it possible to customize so that it is "self-aware" of the client browser window size...

"if there's room draw to the right, if not, open the menu to the left..."


A: You can see your submenus in any case.
They won't drop down out of the browser window.
Please, check it.

More info about the ways of showing submenus you can find here:

http://deluxe-menu.com/ways-showing-submenus-sample.html


Q: I hope you have a instructions so we can install css menu in our website.

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your Css menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New" and add items
and subitems using buttons "Add Item" and "Add Subitem" on the main window.
See the parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-info.html

2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML

So, you'll have folder with images and .css file ("deluxe-css-menu.files/" folder by default),
deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters
(project file you need, if you want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).

Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
...
</head>

<body>
...
<!-- Deluxe Css Menu -->
<ul id="cssMenu">
<li><a href="testlink.html">Home</a></li>
<li><a href="#"><span>
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="width:161px;">
....
</ul>
<!-- (c) 2009, Deluxe-Menu.com -->
...
</body>

You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.

More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html

Try that.

Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.

A: You have
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif

you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif

You can use
  var pathPrefix_img="menu/";

or change paths here
  var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif



Q: We've used your deluxe menu on a few sites without any issues. We are trying a new site javascript menu system now and having an issue with beforeItemImage and afterItemImage. Below is our data javascript class. The dropdown seems fine in Firefox but the before and after Images are not showing up in Internet Explorer.

We've tried a number of things and can't quite get the tabbed corners in IE. Any suggestions would be greatly appreicated, we need to get this menu live soon for a client of ours. Thank you in advance.

A: Try to specify width and height parameters:

  var beforeItemImageW="6";
  var afterItemImageW="6";
  var beforeItemImageH="19";
  var afterItemImageH="19";

We've checked your page in IE6, IE7, IE8. All images displayed correctly.

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