2023 11月动态星空背景个人主页(带后台)网站源码

正文:

后台地址:域名/home/admin

后台账号:admin

后台密码:123456

登录后台后可以修改账号和密码

上传网站源码到虚拟主机或者云服务器打开网址就是搭建教程

/home/admin/ (密码修改了,按照这格式就是后台)

程序:

wwrgun.lanzouj.com/iK1ve1f2ufnc

图片: 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在HTML页面上实现动态星空背景,我们可以使用CSS和JavaScript结合的方式。 首先,在HTML中创建一个div元素,用于包含星空背景。给这个div元素一个唯一的id,例如id="stars-container"。然后,在CSS中设置这个div元素的宽度和高度,使其占满整个屏幕,并将其背景颜色设置为黑色。 接下来,我们需要使用JavaScript生成星星。在JavaScript中,创建一个函数,用于动态生成星星。在这个函数中,我们可以使用循环来生成多个星星。通过创建一个新的div元素,并设置其样式为星星形状的白色方块,我们可以将这些星星添加到之前的星空背景div中。同时,我们还可以通过随机设置星星的位置、大小和透明度,使整个背景看起来更加生动。 最后,在页面加载完毕时,调用这个生成星星的函数。通过在body的onload事件中调用这个函数,我们可以确保页面加载完成后才开始生成星星。 整个实现的代码如下: HTML代码: ```html <!DOCTYPE html> <html> <head> <title>动态星空背景</title> <style> body, html { height: 100%; margin: 0; padding: 0; } #stars-container { width: 100%; height: 100%; background-color: black; } </style> </head> <body onload="generateStars()"> <div id="stars-container"></div> <script> function generateStars() { var container = document.getElementById("stars-container"); for (var i = 0; i < 100; i++) { var star = document.createElement("div"); star.className = "star"; star.style.left = Math.random() * 100 + "%"; star.style.top = Math.random() * 100 + "%"; star.style.width = Math.random() * 3 + "px"; star.style.height = star.style.width; star.style.opacity = Math.random(); container.appendChild(star); } } </script> </body> </html> ``` 这样,当页面加载完成后,就能看到一个动态星空背景了。每次刷新页面,星星的位置、大小和透明度都会有所变化,营造出一个逼真的星空效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值