懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery正方反方辩论投票动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-10
这是一款有意思的jQuery仿搜狐辩论投票动画代码,卡通人物正方反方辩论投票特效。


js代码

<script type="text/javascript">
$(document).ready(function(){
	var a = 500;
	var b = 130;
	$("#white").animate({ width: 0,left:"250px"}, 1000 ,function(){
		$("#vs").fadeIn("slow",function(){
			$("#all").html(a+b);$("#aa").html(a);$("#bb").html(b);
			var newLeft = a/(a+b)*500-20 + "px"; //20为vs 的一半
			$("#vs").animate({left:newLeft}, 1000);
			$("#red").animate({width:newLeft}, 1000);
		});
	});
});
</script>