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

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Sound support!
    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Status string shows item labels




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

Menu Screenshots

Jquery Flyout Menu Replace Background Image Javascript Menu Frame

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery flyout menu replace background image samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Click Pop Up Menu Jquery Flyout Menu Replace Background Image
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery flyout menu replace background image menus easily and in no time
  • Sensible menu parameters for manual editing
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
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!



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: I am having a problem trying to get my scrolling menu javascript to work correctly with frames.

My web page is frame based. There are THREE (3) Rows. The top roe is "header" and the bottom row is "footer". The center row is divided into TWO (2) columns. The left is "contents" and the right is "main". This is a very standard configuration.

I have created a menu called "member-menu" and added it to the "content" html file. I have edited the "member-menu.js" file to add the "dm_initFrame("FrmSet",0,1,0); at the end of the file. Using the instruction provided when the scrolling menu javascript was saved. I then uploaded all of the required file to my server. At this point everything is fine, I go to a password protected page in the "\members" folder and this seems to work also. When I try to go to a "submenu" it wants to expand to the right in the "content" FRAME. I need it to expand into the "main" FRAME on the right.

I know that I am doing something wrong. I have read the instructions a dozen times and can't find the problem.

A: You should write the ID of your frames correctly, for example now youhave:

header - 0
contents - 1 (frame with the menu)
main - 2 (frame with submenus)
bootom - 3

In that case you should write init function in the following way:

dm_initFrame("FrmSet",1,2,1);

where - dm_initFrame("FrmSet",frame with the menu,frame with submenus,1);

Try that.

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: I wonder if you can help me. I've uploaded all my files, including the menus to the client site.
All the menus were working fine, where each link was targeted to the frame "mainFrame" in the middle of the page. This morning, all the css javascript menu link targets don't work anymore. That is, the targeting info has not changed but the linked pages are opening up as a _parent page -- that is, replacing the entire page.


A: You should use absolute paths.

See the url browser tried to open:

http://domain.com/a_bp/bpdoc/3sell/32_sales_order_management/321_sales_order/
7operations/72_monitor_operations/index.html

instead of:

http://domain.com/7operations/72_monitor_operations/index.html

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

These parameter allows to make links paths absolute.
For example:

  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

Please, try to use this parameter.


Q: I would like to know how I indicate on a javascript menu, an item that was selected.
So in other words, if I have a horizontal navigation and I select the 3rd index along the menu
and select something from this, how can I make the 3rd index highlighted?


A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

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: Is it possible to designate a different font style, for thedrop down links then for the main link in the asp drop down menu?

A: Yes it is possible. It will be better for you to use another font style for your top itemsusing Individual styles.

And change font styles for your submenus using the following parameters:
  var fontStyle=["bold 10px Tahoma","bold 10px Tahoma"];
  var fontColor=["#FFFFFF","#A4DBCB"];




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