JavaScript.CoolDev.Com Support Forums

Any questions related to JavaScript menu and JavaScript tree menu by Javascript.CoolDev.Com

 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

Pop-up over image roll-over

 
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu
Author Message
jaustin60@comcast.net
Guest
PostPosted: Wed Oct 22, 2003 7:41 pm    Post subject: Pop-up over image roll-over Reply with quote
I have a horizontal menu bar that has 5 image links, see http://www26.brinkster.com/jaustin/default.asp. The images change when the user mouses over them. I would like to add a pop-up menu to one of the image roll-overs and was wondering if that is possible with CooljsMenu.

Thanks,

Jim
Back to top
undisclosed
Guest
PostPosted: Wed Oct 22, 2003 9:55 pm    Post subject: Reply with quote
menuitems.js file
Code:
//keywords
var code="code";var url="url";var sub="sub";
//styles
var color = {"border":"#666666", "shadow":"#DBD8D1", "bgON":"white","bgOVER":"#B6BDD2"};
var css = {"ON":"clsCMOn", "OVER":"clsCMOver"};
var STYLE = {"border":1, "shadow":2, "color":color, "css":css};

var top_color = {"border":"", "shadow":"", "bgON":"","bgOVER":""};
var top_css = {"ON":"top_on", "OVER":"top_over"};
var TOP = {"border":0, "shadow":0, "color":top_color, "css":top_css};

var sub_color = {"border":"", "shadow":"", "bgON":"","bgOVER":""};
var sub_css = {"ON":"sub_on", "OVER":"sub_over"};
var SUB = {"border":0, "shadow":0, "color":sub_color, "css":sub_css};
//items and formats
var MENU_ITEMS =
[
   {"pos":[0,0], "itemoff":[0,112], "leveloff":[32,0], "style":TOP, "size":[25,112]},
      {'code':'<img src="img/home.gif" width="90" height="25" alt="Home">', 'ocode':'<img src="img/home2.gif" width="90" height="25" alt="Home">', 'url':'',
      sub:[
         {"style":SUB, "leveloff":[32, 5]},
         {code:"Sub item", url:"index.html", "format":{"size":[20, 140], "itemoff":[0, 0]}},
         {code:"Sub item 2", url:"index.html", "format":{"size":[20, 73], "itemoff":[0, 145]}},
         {code:"Sub item 3", url:"index.html", "format":{"size":[20, 103], "itemoff":[0, 78]}}
      ]
   },
      {'code':'<img src="img/contact.gif" width="90" height="25" alt="Contact">', 'ocode':'<img src="img/contact2.gif" width="90" height="25" alt="Contact">',
      sub:[
         {"style":SUB, "leveloff":[32, 5]},
         {code:"Sub item", url:"index.html", "format":{"size":[20, 140], "itemoff":[0, 0]}},
         {code:"Sub item 2", url:"index.html", "format":{"size":[20, 73], "itemoff":[0, 145]}},
         {code:"Sub item 3", url:"index.html", "format":{"size":[20, 103], "itemoff":[0, 78]}}
      ]
   }
];
*note: edited on the fly, may have an extra or missing [ or ] { or } or ,

make sure to change the location of the img files to where you store them and name them appropriately, and change the location of your sub menu items from index.html to actual location.. also edit your size and itemoff to match your needs
Back to top
Display posts from previous:   
Post new topic   Reply to topic    JavaScript.CoolDev.Com Forum Index -> COOLjsMenu All times are GMT
Page 1 of 1