jquery点赞按钮飘赞动画特效

来源:https://www.sucaihuo.com/js/2099.html 2017-06-04 15:53浏览(3607) 收藏

仿照直播app软件制作的点击点赞按钮飘赞动画效果,jquery点赞动画特效。
jquery点赞按钮飘赞动画特效
分类:html/css > 按钮 难易:初级
查看演示 下载资源 下载积分: 30 积分

js代码

<script type="text/javascript">
    $(function () {
               
     
       $("#btn1").click(function(){
       	 	var x = 100;       
     		var y = 900;  
       		var num = Math.floor(Math.random() * 3 + 1);
       		var index=$('.demo').children('img').length;
       		var rand = parseInt(Math.random() * (x - y + 1) + y); 
       		
       		$(".demo").append("<img src=''>");
       		$('img:eq(' + index + ')').attr('src','images/'+num+'.png')
       		$("img").animate({
       			bottom:"800px",
       			opacity:"0",
       			left: rand,
       		},3000)
       		
       })
    }) 
    </script>
标签: 点赞按钮动画
评论0
头像

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

1 2