Sliding Sub Menu by Deluxe-Menu.com
Sliding Sub Menu

Template:

iPhone 17 Template - CSS Pop Up Menu






    - Items with icons
    - Unlimited number of sub levels
    - Text aligned to left
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Transition #14 - "fade out" effect




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

Menu Screenshots

Sliding Sub Menu Javascript For Web Pages Transition

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

Features

Cost Effective
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
Javascript Collapsible Menu Tutorial Sliding Sub Menu
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!
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding sub menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I've been playing with this product and it does exactly what I need so far!.

My problem question is this:-

The menu I have created shows a several icons that activate cgi code on the web server. What I want to know is can these drop down menus change the image when an icon is actually pressed?

I trying to find how I can present the user with a button pressed in image when the icon is clicked and maintain that image until another icon in that menu is pressed?

Can this be done? If not is it something you can do for me at a cost?

A: See more info about pressed item here:

http://deluxe-menu.com/highlighted-items-sample.html

Q: I would like the button in the sub navigation bar to stay white when you navigate to a particular page..


A: Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

help on sliding and tabbed menu [Archive] - WebDeveloper.com

Mar 31, 2010 ... THE PURPOSE OF THIS VARIABLE IS TO STORE THE SUBMENU CURRENTLY DISPLAYED IN THE SLIDING MENU. SET THE INITIAL

Slider Not Displaying (or Sliding) - Weaver II Support Forum

Add an extra slider menu (increase number of sliders on the slider admin tab.) .... the mouse over any menu bar option which does not have a sub-menu - the

CMS Made Simple • View topic - HowTo: Menu & jQuery slide Effects

I've seen lots of questions about jQuery sliding effects and menu the last ... The effect of the following example only toggles the submenu of one

Main nav Sub menu staying down

Hi, I'm having a problem with my main menu. The sub menus are not sliding back up when i move my mouse off the the sub menu items

Mobile Application Development | iOS Style Submenu Navigation

Jun 8, 2012 ... I'm talking about menus where tapping one row in the table view causes the whole screen to slide left and the submenu slides in from the right?

Menu VOB to MPEG-2 Conversion [Archive] - Doom9's Forum

I used the burning transition to go from the Root to each sub menu and I used a simple sliding transition to go back to the Root menu. The VOB

Superfish menu - Sliding the submenu - jQuery Forum

Superfish menu - Sliding the submenu ... The default setting of Superfish vertical menu makes a sub-menu slide from top to bottom (slide-down)

jQuery - Sliding sub-menu [ul li ul] to the right

Hello, Right, so I've got a menu that also has several submenus it, for instance, an unordered list in a list item (ul li ul). I want it to slide to the

Joomla! • View topic - Sub-Menu Items Problem

No matter what setting I use, submenu's either never show or show 100% of ... menu drop down stops working ....i see that the menu is sliding

Javascript dropdown navigation (Page 1) — Scripts & Components

The dropdown menu uses jquery to give it a sliding/fading effect. ... main links that have sub-menu items if GetSmple is generating the menu?

problem with sliding sub-menu - jQuery Forum

Hi i have problem with my menus... when i click the menus, then sub menu will be dropdown... but i want to change it to mouse over . not click~

Sliding Side Menu - Sencha

You can manually trigger the slide event on a button tap with a call to ... the toggle button either in the toolbar or from any of the sub page buttons. .... Based on the downloadable example of the Sliding Menu I have added

RocketTheme • View topic - Menus that open upwards from the bottom

The menus that open need to open in an upward direction from that menu. ... ( vertically) and above (z-index) the menu and faded in as they slid up into place. ... As the first submenu finishes closing, the second submenu

CMenu and multi-level nested menu - Yii Framework Forum

Oct 27, 2010 ... check how findSubMenuTypeItems returns a sub-menu <div id="myslidemenu" ... d) I changed the styles and voilá! my own sliding menu

Make a flyout or drop down menu (navigation. dropdown)

Here's the RP file for the Flyout Menu tutorial. ... Basically I want to click a button or box (<<) and have a panel slide in from the left. Then I would

How to make sliding menu in sidebar sliding menu? - Webmaster Forum

Now as you see there is sliding menu sidebar, when you click on: Category 1 its open the sliding menu and apear there: "Sub category 1a"

Add picture sliding or vidio between menu page and content

Hello sir, I have some problems..how I can add picture sliding or vidio between menu page and content sir, as like your web sir

Default Sliding Side Menu - Sencha

I've recently started working on a new app using Sencha Touch and wanted to implement a side navigation menu much like in the Facebook

the forum at CSS play :: View topic - Vertical sliding menu #1

I've successfully integrated the Vertical sliding menu #1 using jQuery into ... If I click about>who we are, the page will load with the submenu

vBulletin 4 Questions, Problems and Troubleshooting [Archive

CMS How to create a dropdown like Quick Links for Section Sub Menu? CMS ImageMagick 6, does it really work in 4.0.1? Blog Blog background Image; Forum

Demos and Configurations - Ultimate Web Site Drop Down Menu Forum

10-23-2008 07:47 PM by digitaldesperad · Go to last post. 2, 12,338. Different background for sub submenu. Thread Rating: 6 votes, 5.00 average. maiagood

Superfish menu hover delay - NEED HELP - jQuery Forum

... the delay in milliseconds that the mouse can remain outside a submenu ..... Sliding Jquery Menu question · JQuery Automatic Refresh · Need

[SOLVED] Menu won't go over header image

I have manually created a menu where the submenu items should popup over the header image slide show, but they are not. The menu works

Ext.ux.menu.DynamicMenu for ExtJS 4.0

submenu's. Thanks foxmarco, there was a problem with my code when doing submenus. I have updated the DynamicMenu.js and the json to