jQuery圣诞节下雪代码

来源:https://www.sucaihuo.com/js/2508.html 2017-07-23 17:28浏览(833) 收藏

jQuery圣诞节下雪代码,很逼真的雪花飘落下雪动画特效,甚至把字母当雪花用。
jQuery圣诞节下雪代码
分类:其它特效 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript">
$(function(){
  var wh=$(window).height();
      setInterval(function(){
        var f=$(document).width();
        var e=Math.random()*f-100;//雪花的定位left值
        var o=0.3+Math.random();//雪花的透明度
        var fon=10+Math.random()*30;//雪花大小
        var l = e - 100 + 200 * Math.random();//雪花的横向位移
        var k=2000 + 5000 * Math.random();
		var html;
		switch(Math.floor(Math.random()*3+1)){
			case 1:
			  html = "<div class='snow'>a<div>";
			  break;
			case 2:
			  html = "<div class='snow'>b<div>";
			  break;
			case 3:
			  html = "<div class='snow'>❅<div>";
			  break;
		}
        $(html).clone().appendTo("body").css({
          left:e+"px",
          opacity:o,
          "font-size":fon,
        }).animate({
          top:(wh*2)+"px",
          left:l+"px",
          opacity:0.1,
        },k,"linear",function(){$(this).remove()})
      },100)
})
</script>
标签: 雪花下雪飘雪
评论0
头像

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

1 2