animate text on hover

[xuweisen]

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

[vaultdweller123]

put this before the </head>

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"});
		});
		
});

[xuweisen]

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

[vaultdweller123]

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

[xuweisen]

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 :)