js实现漫天星星效果

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

效果图：

实现代码：

html onclick=' init(event)' head title new document/title meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8' /脚本类型='text/javascript' //点出漫天小星星//背景色//给超文本标记语言添加onclick事件//创建图片节点，并追加到身体父节点下//图片的随机大小函数init(e){ //创建图片节点（在内存中，还看不见)var imgObj=document。创建元素(' img ')；//追加节点文件。尸体。append child(imgObj)；//添加属性imgobj。邢星。gif '；//添加宽度属性imgObj.width=getRandom(15，85)；//定位var x=e.clientX？e . clientx :事件。clientxvar y=e.clientY？e . clienty :事件。客户关系；imgobj。风格。位置='绝对'；imgobj。风格。左=x-imgObj.width/2“px”；imgobj。风格。top=y-imgObj.width/2“px”；}函数getRandom(min，max){返回数学。地板(数学。random()*(max-min)min)；}/脚本/头部正文样式='背景-颜色：黑色'/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。