js案例页面背景星星闪烁

英俊男孩

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

阅读量911

点赞数 1

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

本文链接：https://blog.csdn.net/qq_44829011/article/details/106610883

版权

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

摘要由CSDN通过智能技术生成

在这里插入图片描述

标题效果如图

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

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元/天解锁文章

英俊男孩

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js案例页面背景星星闪烁

效果如图首先把页面背景调成黑色再引入图片设置随机的图片大小 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.
复制链接

扫一扫