js案例页面背景星星闪烁

英俊男孩

于 2020-06-08 01:04:43 发布

阅读量960

点赞数 1

分类专栏：笔记文章标签： css javascript html

本文链接：https://blog.youkuaiyun.com/qq_44829011/article/details/106610883

版权

该博客介绍了一个JavaScript案例，展示了如何创建一个网页背景上星星闪烁的效果。首先将页面背景设为黑色，然后引入星星图片并设定随机大小和位置。接着将星星对象添加到body中，并添加淡出动画。最后通过定时器周期性地生成多个闪烁的星星，实现动态视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

标题效果如图

首先把页面背景调成黑色
再引入图片设置随机的图片大小

let image_0 =$('<img src="img/20190326164319145.gif" ;alt=""  style:"opacity:1"/>');
//style="opacity:1;
let w=Math.random()*50+50;

设置随机的图片位置

image_0.css('width',w);
image_0.css('position','absolute');
image_0.css('opacity',1);
const height =window.innerHeight;
const width =window.innerWidth;
				image_0.css('right',wid

最低0.47元/天解锁文章

js案例 页面背景星星闪烁

标题效果如图

js案例页面背景星星闪烁