Grow your CSS skills. Land your dream job.

Mouseover/ Linking issue

  • # June 25, 2009 at 4:42 pm

    Hi All,

    So I’m very new to Javascript, I work for a company which only uses mootools so jquery solutions (unfortunately) won’t work.

    That being said, I’m trying to accomplish this sort of "remote linking" effect whereby when you rollover <a class="apple" href="#">x</a> all the links with a class of apple on the page will add a class of "active" to them and "lightup"–for lack of a better word

    link to page where I am trying to implement this effect:
    http://o3world.o3worlddev.com/trunk/client_list.cfm

    for instance, when you roll over "branding" in the subnav, all the clients for whom we did branding work should light up

    thanks for your help!
    Allison

    asp
    # July 1, 2009 at 7:26 pm

    HI!

    Maby these links can help http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything
    http://docs.jquery.com/Attributes/addClass

    I have also made a some code

    Code:
    $(document).ready(function() {
    $(‘#branding’).hover(function() {
    $(‘.branding’).addClass(‘.branding-hover’);
    }, function() {
    $(‘.branding’).removeClass(‘.branding-hover’);
    });
    });

    This code: checks if som thing is howered, this is the branding link thing. Then it repleases all ellements whith the .branding css with .branding-hover css.

    Hope you’ll figger it out.

    # July 2, 2009 at 12:59 pm

    @asp:

    "alliwagner" wrote:
    (…) I work for a company which only uses mootools so jquery solutions won’t work.

    @alliwagner: I hope someone can help you here because (as you implied) there’s a lot of jQuery people here.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".