Menu Slide Jquery Block Arrow by Deluxe-Menu.com
Menu Slide Jquery Block Arrow

Template:

Simple Dark Menu Template - CSS Menu DHTML






    - Sound support!
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects
    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Menu Slide Jquery Block Arrow Slide Dhtml Menu

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
Scrolling Menu Menu Slide Jquery Block Arrow
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!
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.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Will html navigation bar work with site created using FrontPage?

A: Yes, Deluxe CSS Menu will work fine with site created in Frontpage.

Add all code generated by Deluxe Tuner.
You should copy all css styles for the menu and add it into your own .css file (orcreate a new .css file for the menu and call it on your page).

Then copy all HTML code for the menu and paste it in the place where you want to have amenu.

To view css styles and html code click "View HTML" button on the Preview window in theDeluxe Tuner.



Q: Please identify the parameter I need to set to produce ... Tree menu items start out as normal text , then Bold text for tree menu items on the onmouseover event . After mouse out, text returns to normal.


A: Unfortunately, Deluxe Tree doesn't have such a feature. You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var tmenuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
];

Please, notice also that you should add this function every time whenyou change your menu in Deluxe Tuner application, as Tuner deletesthis function.

You can find the example here

http://deluxe-tree.com/data-templates/vista-style-7-template-sample.html


Q: Currently, I have Deluxe Menu installed on my website.
However, I have noticed that the javascript mouseover menu picture width for the top level icon changes. For example, the mouse over picture for "Beauty" is one length whereas the mouse over icon for "Home & Garden" gives me one and a half pictures. I have illustrated this in the attachment.

Please could you advise me on how I could resolve this problem.

Thank you for taking your time to read this email.
I look forward to receiving your reply.

A: You can try to use the following parameters to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif



Q: I got the tabs menu to work!

Can you tell me which file(s) I must change to change the content of each tab

Very many thanks for your help.


A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).

  var bmenuItems =
[
["Style Name","contentName",,,,,"1"],
["-",,,,,,"0"],
["Style Description","contentDescription"],
["-",,,,,,"0"],
["Style Variations","contentVariations"],
["-",,,,,,"0"],
["Empty",,,,,,"2"],
];

You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.


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