Jump to content

css menu


jelly_jam_jelly

Recommended Posts

Hi guys,

 

I would like to create a css menu that goes something like this one:

 

pic1.jpg

 

I'm planning to put a mouse hover effect on my menu.  I don't want to use any images because I would like to save some bandwidth.  I would like to achieve a hover effect solely based in css.  From those items above, once that the user clicked a particular item like for example the item 3, the Javascript will trigger a function like msg() function (for example) to show a dialogue box that the user clicked the item 3, please refer below:

 

pic2.jpg

 

A clicked item from the menu will return a Bold property like what we could see above and then show a dialogue box.

 

Hope that someone could help me, I am very excited to put this kind of menu on my website.  Thanks Php Freaks.

Link to comment
Share on other sites

For the rollover effects, you want to use CSS :hover. For the bold on click, you want to use CSS :active. And for the javascript popup, you want to use the javascript function alert().

 

That's enough info to get you going on google. This is all basic stuff with a million tutorials out there for you to use.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.