2 Simple? jQuery Animations

madmatter23 · 01-22-2009, 01:13 AM

Hello,

I'm trying to accomplish a simple jQuery functions I can't seem to get it to work.

In the thumb_rollover() function, I'd simply like thumb.li 's border to turn blue on rollover, and then return to grey on mouseout. I can't seem to get this to work at all.

Can anyone please offer some help? I would be much appreciated. Thank you.

Code:

	  
function thumb_rollover(){
	$(".thumb_li").hover( function(){
		$(this).animate({ "borderColor" : "#1D69EF" }, 500);
	
	}, function(){
		$(this).animate({ "borderColor" : "#444444" }, 500);
		
	});
	
}

Example of Script

rangana · 01-22-2009, 05:19 AM

Has this problem been fixed? It seemed to be working fine already.

madmatter23 · 01-22-2009, 05:21 AM

Haha, I must have fixed it the moment you saw it. Just figured it out a few minutes ago. The attribute borderColor cannot be used in jQuery. You have to use borderTopColor, borderLeftColor, etc.

Thanks though!