|
|
|
Popup Menu Individual Item Styles
 |
Individual Item Styles
|
 |
Individual item styles are special popup menu parameters (arrays) that you can assign to each item of the menu.
Using these styles you make your menus more attractive and more convenient.
var itemStyles = [
["paramName=value", "paramName=value", "paramName=value", ...], // style with index 0
["paramName=value", "paramName=value", "paramName=value", ...], // style with index 1
...
];
Each style can accept the following item parameters:
| paramName=value |
Description |
| itemWidth=100px |
Width of an item (px, % or other units). |
| itemBackColor=#FFFFF,#000000 |
Normal and mouseover colors of a background. |
| itemBorderWidth=1 |
Width of an item border. |
| itemBorderStyle=solid,dotted |
Normal and mouseover styles of a border.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
|
| itemBorderColor=#AA0000,#0000EE |
Normal and mouseover colors of a border. |
| fontStyle=normal 11px Tahoma |
Font style. |
| fontColor=#000000,#FFFFFF |
Normal and mouseover font colors. |
| fontDecoration=none,underline |
Normal and mouseover font decorations.
Available values:
"none", "underline", "line-through", "overline".
|
| itemBackImage=image1,image2 |
Normal and mouseover background images. |
| arrowImageMain=image1,image2 |
Normal and mouseover arrow images for a top-level item. |
| arrowImageSub=image1,image2 |
Normal and mouseover arrow images 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.
|
|
Once you created item styles you can assign them to 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:[email protected]", "", "", "Write Us Tip", "", "1"], // assign style 1
];
Use Deluxe Tuner application to create and assign individual styles.
See also:
Menu Items
Individual Submenu Styles
|
Responsive Menu
JustAjax
What's New
Features
Installation
Deluxe Tuner GUI
Javascript API
Description of Files
Supported Browsers
Customization
Parameters
Menu Items
Individual Item Styles
Individual Submenu Styles
Functional Samples
AJAX Menu
Templates
Android Dark Menu Template
Trial Version
License Agreement
Buy Deluxe Menu
Order Non-profit License
License Types
Non-profit License
Single Site License
Developer & Enterprise
FAQ
Contacts
Customization
