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 ;
.....
评论