基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

JS实现雨滴动画效果，背景图自己设置喜欢的，雨滴图片如果没有可以设置width=2px的小段

<script>
         
        setInterval(function()
        {
            //创建rain元素
            var rain=document.createElement("div");
 
            //初始化rain属性
            rain.style.position="fixed";
            rain.style.height="150px";
            rain.style.width="2px";
            // rain.style.background="";       //有图片赋值图片路径，或者赋值16进制的颜色代码
            rain.style.backgroundColor=skyblue;
            rain.style.filter="blur(1px)";
            rain.style.top="0px";
            rain.style.left=Math.random()*1920 "px";                    //随机化位置
            rain.style.opacity=parseInt(Math.random()*10)/10 "";        //随机化透明度
 
            //向body里添加子节点rain
            document.body.appendChild(rain);
 
            var timer=setInterval(function()
            {
                var height=parseInt(rain.style.top);
                var k=1;
                k ;
                .....