jQuery animate 动画

 

jquery淡入淡出

$("#zhineng").fadeIn("slow");

$("#zhineng").fadeOut("slow");

 

jQuery animate 语法

(selector).animate({styles},speed,easing,callback)

注意：可以调节不同点的运动速度

 

 

 

 

function new_zhineng(){ 
//由企业画像变成智能授信 
var qiu_huohou=$("#qiu_huohou"); 
var qiu_huoqian=$("#qiu_huoqian");
 var qiu_jianguan=$("#qiu_jianguan"); 
var qiu_zhineng=$("#qiu_zhineng"); 
var qiu_huaxiang=$("#qiu_huaxiang"); 
var cycle=$("#cycle"); 
qiu_zhineng.animate({top: '570px',left: '1833px',width: 

'175px'},5000,'linear',function() {

cycle.fadeIn("fast",function(){ cycle.fadeOut(3000) }); }); 

qiu_huaxiang.animate({top: '529px',left: '1450px',width:'110px'},5000,'linear'); 

qiu_huohou.animate({top:'465px',left:'1315px',width: '110px'},2500,'linear'); 

qiu_huohou.animate({top:'400px',left:'1400px',width: '85px'},2500,'linear'); 

qiu_huoqian.animate({top: '470px',left: '2410px',width: '110px'},2500,'linear'); 

qiu_huoqian.animate({top: '545px',left: '2250px',width: '110px'},2500,'linear'); 

qiu_jianguan.animate({top: '372px',left: '1563px',opacity:'0'},1250,'linear'); 

qiu_jianguan.animate({top:'372px',left:'2186px',width: '85px',opacity:'0'},1250,'linear'); 

qiu_jianguan.animate({top: '400px',left: '2310px',width: '85px',opacity:'1'},2500,'linear',function() { 

    $("#huaxiang").fadeOut("slow",function(){ $("#zhineng").fadeIn("slow"); });
    setTimeout(function(){new_huoqian()},3000)
 //jianguan() 
}); 
} //动画启动 
setTimeout(function(){new_zhineng()},3000)