(c) 2007, DHTML-Menu.com
 
   
   
  Product Info
  What's New
  Features
  Installation
  DHTML Tuner GUI
  Javascript API
  Description of Files
  Supported Browsers
  Customization
  Parameters
  Menu Items
  Individual Item Styles
  Individual Submenu Styles
 

    DHTML Side Menu Individual Item Styles

Individual Item Styles

Individual item styles are special dhtml menu parameters (arrays) that you can assign to each item of the javascript menu.
Using these styles you can create any menu you like.

var itemStyles = [
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 0
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style with index 1
        ...
];


Each item style can use the following item parameters:

paramName=value Description
itemWidth=100px Width of an item (px, % or other units).
itemBackColor=#FFFFF,#000000 Normal and mouseover background colors.
itemBorderWidth=1 Width of an item border.
itemBorderStyle=solid,dotted Normal and mouseover border styles.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
itemBorderColor=#AA0000,#0000EE Normal and mouseover border colors.
fontStyle=normal 11px Tahoma Font style.
fontColor=#000000,#FFFFFF Normal and mouse over font colors.
fontDecoration=none,underline Normal and mouse over font decorations.
Available values:
"none", "underline", "line-through", "overline".
itemBackImage=image1,image2 Normal and mouseover background images.
arrowImageMain=image1,image2 Normal and mouseover arrows for a top-level item.
arrowImageSub=image1,image2 Normal and mouseover arrows for a submenu item.
CSS=classNormal,classOver Normal and mouseover CSS class names.
Works if var cssStyle=1; in menu parameters.
CSSText=classNormal,classOver Normal and mouseover CSS class names for a text.
Works if var cssStyle=1; in menu parameters.


After you created item styles you can assign them to dhtml side menu items.
For example:

var itemStyles = [
        ["itemWidth=150", "itemBackColor=#AA4400,#FF6600", "fontDecoration=none,underline"],     // style 0
        ["itemBorderWidth=2", "itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
        ["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];


var menuItems = [
        ["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "2"],     // assign style 2
        ["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"],     // assign style 0
        ["Write Us", "mailto:mymail@mymail.com", "", "", "Write Us Tip", "", "1"],     // assign style 1
];



Use DHTML Tuner application to create and assign individual item styles.

See also:
     Menu Items
     Individual Submenu Styles


   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap slider | website builder review | creador de sitios web | criador de site gratis | bootstrap button