Hover Tab Menu Different Image

Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu

Support

FAQ

Contacts

About Us

Recent Questions

I want each tab in a hover tab menu has a different image..

Return to Recent Questions

Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.

A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.

var bstyles = [

["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];

Return to Recent Questions

Related:

Sep 24, 2006 - If there is a way of establishing the width at "runtime" in the javascript dynamic menu?
Sep 26, 2006 - Why is the submenu has a different colour than menu items in the javascript menu bar?
Oct 01, 2006 - All of the items in html pull down menu are different sizes.
Oct 13, 2006 - Under the menu images there is a gray line that makes it look broken.
Nov 14, 2006 - Can dhtml menu script work with tables ?
Nov 20, 2006 - I've tried to add the pathPrefix_img but I'm still having trouble with images in jump menu.
Nov 20, 2006 - We need to have 2 javascript hover menu on one page.
Nov 29, 2006 - Why the background images disappear for a while after hovering over html menubar?
Dec 24, 2006 - How to get side menu items to swap images to use like a traditional image rollover.
Jan 01, 2007 - Does your vertical slide menu compatible with Namo WebEditor 2007?
Jan 06, 2007 - Do I need to replace all the files and script in all the web pages with hover menu...?

Magical HTML Bootstrap Slider With Text Templates 30+ Top Innovative Software Company Website Template List \| Exceptional Bootstrap Mobile Template Set \| Awesome Mobile-friendly Website Design Review \| How to Make a Webpage - Step by Step Tutorial \| Splendid JS Design Maker Overview \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Best AI Website Builder \| AI Website Generator \| Free AI Website Generator \| AI Website Generator \| Website Generator AI