JS实现小星星特效

2023-08-04 01:46:03 73

本文实例为大家分享了JS实现小星星特效的具体代码，供大家参考，具体内容如下

鼠标点击窗口实现如图效果：
看起来是不是很像小星星呀

代码如下：










//鼠标点击window
window.onclick=function(e){
//创建img
letimg=document.createElement("img");
//设置src
img.setAttribute("src","timg.gif");
//设置图片大小随机
letw=Math.random()*50+50;
img.setAttribute("height",w);
//图片位置,绝对定位
img.style.position="absolute";

img.style.left=(e.clientX-w/2)+"px";
img.style.top=(e.clientY-w/2)+"px";

//将图片插入body
document.body.appendChild(img);

}

素材

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

JS实现小星星特效

热门推荐

随机推荐