Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2

Thread: navigation help

  1. #1
    Senior Member peezybro's Avatar
    Join Date
    Aug 2011
    Location
    El Cajon, California
    Posts
    229
    Member #
    28822
    Liked
    6 times
    For my navigation I set it up so when you hover over the button, using the css :hover effect it will change pictures, So my question is how can i set up jquery to give it a better effect, like fade in or something. But still have the css :hover effect so it gives it a effect if the person does not have javascript on. Is this possible or what am i missing?
    "ON TIME, ON TARGET, NEVER QUIT"


  2.  

  3. #2
    Junior Member
    Join Date
    Feb 2012
    Posts
    4
    Member #
    30968
    I'm sure it is possible but (and I know this is the JavaScript section but bear with me) it's becoming more and more common to achieve affects like this using CSS, with the new transition attributes. It allows you do things like this really easily and without the need for JavaAcript, or a big library like jQuery which is particularly beneficial in cases where you're not using jQuery for anything else.

    Here's an article on doing pretty much exactly what you're describing: http://www.mightymeta.co.uk/573/fadi...3-transitions/

    You can see the current browser compatibility at the bottom of the article - it's growing and in my opinion it's worth starting to take this approach now. Here's the demo from the article:
    http://www.mightymeta.co.uk/demos/fa...kground-image/


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:24 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com