Dijit Menu Scroll by Deluxe-Menu.com
Dijit Menu Scroll

Template:






    - UL/LI items structure
    - Several menus on one page
    - Submenus dropdown on mouseover
    - Text aligned to left
    - Personal CSS styles for separate menu elements
    - Image arrows
    - Items with icons
    - Hundreds of pre-designed templates




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

Menu Screenshots

Dijit Menu Scroll Menu Button

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu scroll samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Javascript Hide Icons Dijit Menu Scroll
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu scroll menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I was trying to work out how to set the target for a link in html tab menu

A: No,unfortunately it is not possible in Deluxe Tabs now.

But you can write your links in the following way:

["Item 1","javascript:window.open('http://www.google.com','_blank','height=600,width=800,status=yes,toolbar=no,
menubar=no,location=no');", "", "", "", "", "", "", "", ],
["Item 2","javascript:window.open('http://www.deluxe-menu.com','_self');", "", "", "", "", "", "", "", ],



Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  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'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.

Problems:

1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.

2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file

3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the   var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?

I have attached the sight so that you can see what I'm dealing with.

Once again, thanks for your help and any advice.


A: 1) Your menu works fine in all browsers.

2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>

You should set the item color for the submenus in your css file initemNormal and itemOver styles.

3) You should use the following parameter to set a frame name:

  var itemTarget="";

["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
 ["|Hard Drives","testlink.htm"],
 ["|Servers",""],
   ["||Linux Compatible","testlink.htm", , , , "frm2",],
   ["||Windows Compatible","testlink.htm", , , , "frm2",],
...


Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html
Buy Now!   ::  Free Trial Download   ::  More Info