954,561 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

animate text on hover

Hi,
I have stuck on text animation for web design..
www.byouinternational.com
I want the text on the main page (enter site) can animate when I hover to the text, the animation is like the entersite text slide to the right, and then dissapear, and then appear from left side, back to the same place.

Please for your advice.. Thanks very much

xuweisen
Newbie Poster
14 posts since Nov 2009
Reputation Points: 10
Solved Threads: 0
 

put this before the

jQuery("#entersite a").hover(function(){

		jQuery("#entersite a").css("position","relative");
		jQuery(this).animate({left:"100px"}).fadeOut(function(){
			jQuery("#entersite a").css("left","-100px").fadeIn().animate({left:"0px"});
		});
		
});
vaultdweller123
Posting Pro
554 posts since Sep 2009
Reputation Points: 42
Solved Threads: 75
 

thanks, I will try to use it.. I will let you know if I already use it :).. thanks very much vaultdweller123

xuweisen
Newbie Poster
14 posts since Nov 2009
Reputation Points: 10
Solved Threads: 0
 

no problem, btw i already tested it, you can test it by running the code on firebug's javascript console

vaultdweller123
Posting Pro
554 posts since Sep 2009
Reputation Points: 42
Solved Threads: 75
 

It works well! Thanks very much.. But, can you make the word slide seperated? X_x.. Sorry if I disturbing you.. X_x.. Thanks before :)

xuweisen
Newbie Poster
14 posts since Nov 2009
Reputation Points: 10
Solved Threads: 0
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You