基本信息
源码名称:html制作小火箭升天效果
源码大小:4.05KB
文件格式:.rar
开发语言:CSS
更新时间:2021-01-08
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

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

本次赞助数额为: 2 元 
   源码介绍

html制作小火箭升天效果,有少量css和js

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小火箭升天</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container">
<div class="rocket">
<img src="img/rocket.png">
</div>
</div>
<script type="text/javascript">
function stars(){
let count=50; 
let container=document.querySelector('.container');
let i=0;
while(i<count){
let star=document.createElement('i');
let x=Math.floor(Math.random()*window.innerWidth);
let duration=Math.random()*1;
let h=Math.random()*100;
star.style.height=20 h 'px';
star.style.left=x 'px';
star.style.width=1 'px';
star.style.animationDuration=duration 's';
container.appendChild(star);
i ;
}
}
stars();
</script>
</body>
</html>