Jquery hover overs

Posted on 2009-04-28
Last Modified: 2012-05-06

I'm looking to achieve a similar effect to the following website - using JQuery instead of flash.

I'm looking to achieve the various hover over effects using Jquery, can any one please advise on the best approach and in particular provide examples of each of these effects actually working?

I'm also looking for a way to hover over an item and have the other items fade our using JQuery, so any examples / code examples of this working would be appreciated.

Many thanks.
Question by:paulCardiff
    1 Comment
    LVL 1

    Accepted Solution

    WOW that's nice.  There's no knockin' Flash when it's done right.

    Let me preface all of this by saying that my answer won't be worth any points ... I'm just providing a starter to push you in what I think is the right direction.

    FIRST - the little translucent tooltip that follows the mouse and stays to the right of the mouse:

    Perhaps some implementation of that plugin will get you close to the desired affect.

    SECOND - Images that brighten or expand on mouseover:
    This one is a little easier, it wouldn't be difficult to set the images each in a place each with a certain z-index and when moused over they scale out, change opacity, change z-index or whatever ... nothing taxing on the brain but much that will be tedious.

    I probably haven't told you anything you don't already know ... best of luck to you.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    It's a problem I'm sure many of you have faced in developing web applications.  You've got a form to add a new something - perhaps a customer or an item in a to-do list.  When the user clicks that link to add a new item, a new page loads, they fill …
    There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
    The viewer will learn how to dynamically set the form action using jQuery.
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    737 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now