jQuery animate 动画

mac2026-06-11  13

 

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)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

最新回复(0)