无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

JS完成小编星动画特效

时间:2021-04-07 03:15来源:未知 作者:jianzhan 点击:
文中案例为大伙儿共享了JS完成小编星动画特效的实际编码,供大伙儿参照,实际內容以下电脑鼠标点一下对话框完成如图所示实际效果:看上去不是是很像小编星呀编码以下:!DOCTYPE

文中案例为大伙儿共享了JS完成小编星动画特效的实际编码,供大伙儿参照,实际內容以下

电脑鼠标点一下对话框完成如图所示实际效果:
看上去不是是很像小编星呀

编码以下:

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" 
 title /title 
 /head 
 body nuoxin="background-color: #000000;" 
 !-- 
 1、电脑鼠标点一下 window
 2、获得电脑鼠标部位
 3、建立img
 4、设定 src
 5、设定照片部位(照片精准定位,设定款式)
 6、照片任意尺寸
 7、插进body
 script type="text/javascript" 
 // 电脑鼠标点一下window
 window. unction(e){
 // 建立img
 let img=document.createElement("img");
 // 设定src
 img.setAttribute("src","timg.gif");
 // 设定照片尺寸任意
 let w=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);
 /script 
 /body 
 /html 

素材图片

之上便是文中的所有內容,期待对大伙儿的学习培训有一定的协助,也期待大伙儿多多的适用诺心互联网。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信