SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Oct 2008
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    rollover effect using Jquery

    Would you please help me in making a rollover effect using jquery, what i want to do is when someone hover over any of the menu items the text slide down and disappear and a picture slides from the top down to the center.

    I know it can be easily done using flash but i don't want my menu in flash as that would be a bad practice.

    can you tell me what do i need to change in my menu HTML and what jquery functions should i use.

    Thanks So much for your help

    P.S. this my menu HTML
    Code HTML4Strict:
        <ul class="nav">
     
    	<li class="active first"><a href="#" class="home">Home</a></li>
    	<li><a href="#" class="news">News</a></li>
    	<li><a href="#" class="offers">Special offers</a></li>
    	<li><a href="#" class="private">Private label</a></li>
    	<li><a href="#" class="locations">Locations</a></li>
    	<li><a href="#" class="about">About us</a></li>
    	<li><a href="#" class="jobs">Jobs</a></li>
    	<li><a href="#" class="contact">Contact us</a></li>
    	<li><a href="#" class="mm">Multimedia</a></li>
    </ul>

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Member
    Join Date
    Oct 2008
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    exactly like this one


Tags for this Thread

Bookmarks

Posting Permissions

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