jQuery仿搜狐辩论投票动画js特效

来源:https://www.sucaihuo.com/js/2588.html 2017-07-30 19:43浏览(914) 收藏

jQuery仿搜狐辩论投票动画js特效,jQuery票数PK动画代码,有意思的正方反方投票数PK动画效果。
jQuery仿搜狐辩论投票动画js特效
分类:其它特效 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<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>
标签: 投票pk
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2