Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Location
    Maryland, USA
    Posts
    165
    Thanks
    12
    Thanked 0 Times in 0 Posts

    2 Simple? jQuery Animations

    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
    Last edited by madmatter23; 01-22-2009 at 01:27 AM.

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Has this problem been fixed? It seemed to be working fine already.
    Learn how to javascript at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Location
    Maryland, USA
    Posts
    165
    Thanks
    12
    Thanked 0 Times in 0 Posts
    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!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •