(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

    How to get custom popup menu to swap images to act like a traditional image rollover.

Return to Recent Questions


Q: I can't find out how to get custom popup menu items to swap images to act like a traditional image rollover. I have situations where I need to use unique images for each state of a button: normal, mouse over, mouse down.


A: The custom popup menu has only two states normal and mouseover.
You should use Individual Item Styles.

See the example of DHTML Menu here:

http://dhtml-menu.com/menu/data-templates/vista-style-02-template-sample.html

You should use "itemBackImage" parameter.

var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];

You can also specify images in the custom popup menu items. If item text is empty, icon fields will be used as item images.

For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]





Return to Recent Questions

   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. free web editor | website generator | bootstrap navbar template | responsive slider | bootstrap image slider