Javascript Tree Menu by Deluxe-Tree.com
   
(c) 2006, DHTML-Tree
 
   
   
 
 

    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 tstyles = [
        ["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
titemBackColor=#AA5500 Normal and mouseover background colors.
titemBackImage=back.gif Normal and mouseover background images.
tfontColor=#000000,#FFFFFF Normal and mouse over font colors.
tfontDecoration=underline,none Normal and mouse over font decorations.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
tfontStyle=bold 12px Arial Font style.


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

var tstyles = [
        ["titemBackColor=#AA4400,#FF6600", "tfontDecoration=none,underline"],     // style 0
        ["titemBackColor=#000000,#FFFFFF", "tfontColor=#FFFFFF,#000000"],     // style 1
        ["fontStyle=bold 12px Arial,Helvetica", "titemBackImage=back1.gif,back2.gif"],     // style 2
];


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



All menu parameters are placed within data-tree.js file. This file contains:
1. Menu parameters
2. Menu items, individual styles and individual xp styles
3. Function for initialization of tree menu (dtree_init();)


   
Copyright (c) 2009, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. criador de site gratis | creare sito gratis | web editor | bootstrap buttons | jQuery Form