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

Recommended Answers

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

All 4 Replies

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

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

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

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 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.