www.webdeveloper.com
Results 1 to 5 of 5

Thread: how to change color of the navigation bar when mouse is over it

  1. #1
    Join Date
    Mar 2012
    Posts
    22

    how to change color of the navigation bar when mouse is over it

    how do i change the color of the navigation bar.
    when the user's mouse is on top of it ?
    and also how do i make a drop down menu ?

    like the one on this website
    http://home.gamer.com.tw/creationDetail.php?sn=1561877

  2. #2
    Join Date
    Nov 2010
    Posts
    24
    You're looking for a combination of JavaScript and CSS in order to do that. Your best bet would be to go the jQuery route but if you would like to use CSS only then check out some of these http://sixrevisions.com/css/30-excep...on-techniques/ I would also post your question in the JavaScript/CSS forums accordingly.

  3. #3
    Join Date
    Mar 2012
    Posts
    22

    thanks

    thanks mate.
    this really helped

  4. #4
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,219
    Might like these:

    Nav Menus (See following sites for navigation menus):

    CSS Library Horizontal CSS Menus: http://www.dynamicdrive.com/style/cs...y/category/C1/
    CSS Library Vertical CSS Menus: http://www.dynamicdrive.com/style/cs...y/category/C2/
    http://www.dynamicdrive.com/dynamicindex1/
    http://www.cssplay.co.uk/menus/
    How to Style an Unordered List with CSS: http://www.webreference.com/programm...le2/index.html

    How To:

    http://www.w3.org/TR/WCAG10-HTML-TECHS/#links
    http://www.creativepro.com/article/d...vigation-links
    http://efuse.com/Design/navigation.html
    Simple JQuery Accordion menu: http://www.i-marco.nl/weblog/jquery-accordion-menu/
    Drop-Down Menus, Horizontal Style: http://www.alistapart.com/articles/horizdropdowns/

    Sexy Drop Down Menu w/ jQuery & CSS: http://www.noupe.com/tutorial/drop-d...query-css.html
    NavDock jQuery Plugin (Ver 1.5.1): http://plugins.jquery.com/project/NavDock
    Making CSS Rollover Buttons: http://www.elated.com/articles/css-rollover-buttons/
    How to spice up your menu with CSS3: http://tympanus.net/codrops/2012/01/...enu-with-css3/

    The Right Way to Make a Dropdown Menu: http://www.sitepoint.com/blogs/2009/...dropdown-menu/
    ------------------------
    Rounded Corner Menus:

    How to Create an Interactive Rounded Navigation Menu with CSS: http://www.wikihow.com/Create-an-Int...-Menu-with-CSS
    CSS Rounded Corners Menus: http://www.virtuosimedia.com/dev/css...-corners-menus
    How To Make CSS Expanding Rounded Navigation Menus & Buttons: http://www.amberweinberg.com/how-to-...menus-buttons/

  5. #5
    Join Date
    Aug 2010
    Location
    San Diego
    Posts
    242
    If you just want to change the background color of a link it can be done with simple CSS:

    Code:
    .nav a:hover { background-color: #ccc; }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles