[jQuery] How to achieve this animation?
Hi, this is Eric from Shanghai China, sorry for my bad English.
I am a jQuery Fans.
My site is now under building, the page of the animation is:
http://www.imczy.com/EN/support-me.html
The codes I achieve this animation are as follows:
//like goadddy
$.fn['_fadeOut'] = function(){
this.css('overflow', 'hidden');
this.css('padding', '0');
this.css('border', '0');
return this.animate({
height : "hide" , opacity : "0.1" } , 500);
};
$.fn['_fadeIn'] = function(){
this.css('overflow', '');
this.css('padding', '');
this.css('border', '');
return this.animate({
height : "show" , opacity : "1" } , 500);
};
However, as you seen, I will have a short animation unsmoothly, can
you give me some more suggestion?
Thank you very much!
Sorry for my Bad English!