Search jQuery

jQuery Forum

Getting Started

loograk

jqury hover

in Getting Started • 11 years ago

Hi

Why does this work on my joomla site:

$(document).ready(function(){
$(".moduletable_menu ul.menu li a, a.mainlevel").mouseover(function(){
$(this).animate({ paddingLeft: 10}, 300)
});
$(".moduletable_menu ul.menu li a, a.mainlevel").mouseout(function(){
$(this).animate({ paddingLeft: 0}, 300)
});
});

And this:

$(document).ready(function(){
$('.moduletable_menu ul.menu li a, a.mainlevel').hover(
function() {
$(this).animate({paddingLeft: 10}, 300,
function() {
});
});

doesn't?

Replies(5)

dkimbell13

Hi lookgrak,

I do know that hover requires two functions, a hover over and a hover out.

so it should look something like this...
$(document).ready(function(){
        $('.moduletable_menu ul.menu li a, a.mainlevel').hover(
                function() {
                    $(this).animate({paddingLeft: 10}, 300);
                },
                function(){
                        $(this).animate({paddingLeft: 0}, 300);
                }
        );
});

I hope that helps...

Dom

jboesch

Re: jqury hover

11 years ago

jQuerys .hover() method can take 2 params (both functions) or 1 param (function). If it takes 2 params then it's equivalent to:

$(elem).mouseenter(function(){}).mouseleave(function(){});

If it takes one param, then that same function gets called when you hover (mouseenter) and hover out (mouseleave)

http://api.jquery.com/hover/

loograk

Re: jqury hover

11 years ago

Thank you very much for your help!!!

loograk

Re: jqury hover

11 years ago

Thanks again for you help, but I have another problem. I don't know why this script works:

$(document).ready(function(){
        $('a').hover(
                function() {
                        $(this).animate( { width:"200%", fontSize:"24px", color: '#ff7301'}, 1000 );
                },
                function(){
                        $(this).animate( { width:"100%", fontSize:"12px", color: '#fff'}, 1000 );
                }
        );
});

but I can't make the "backgroundColor work

adding for example: