Member Avatar for 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

  • 2 Contributors
  • 4 Replies
  • 103 Views
  • 19 Hours Discussion Span
  • Latest Post Latest Post by xuweisen
Member Avatar for 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"});
		});
		
});
Edited by vaultdweller123 because: n/a
Member Avatar for xuweisen

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

Member Avatar for vaultdweller123

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

Member Avatar for 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 :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.