文中案例为大伙儿共享了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) |