一款好看，有科技感的動態背景線條動態效果代碼

?Lan? ?2020-05-11 14:41? ?308 人閱讀 ?0 條評論

背景動態js代碼，效果圖可見本站

代碼源于網絡，如有問題請聯系Vast@tom.com

js文件代碼

!function?()?{function?n(n,?e,?t)?{return?n.getAttribute(e)?||?t}function?e(n)?{return?document.getElementsByTagName(n)}function?t()?{var?t?=?e("script"),?o?=?t.length,?i?=?t[o?-?1];return?{l:?o,?z:?n(i,?"zIndex",?-1),?o:?n(i,?"opacity",?.5),?c:?n(i,?"color",?"0,0,0"),?n:?n(i,?"count",?99)}}function?o()?{a?=?m.width?=?window.innerWidth?||?document.documentElement.clientWidth?||?document.body.clientWidth,?c?=?m.height?=?window.innerHeight?||?document.documentElement.clientHeight?||?document.body.clientHeight}function?i()?{r.clearRect(0,?0,?a,?c);var?n,?e,?t,?o,?m,?l;s.forEach(function?(i,?x)?{for?(i.x?+=?i.xa,?i.y?+=?i.ya,?i.xa?*=?i.x?>?a?||?i.x?<?0???-1?:?1,?i.ya?*=?i.y?>?c?||?i.y?<?0???-1?:?1,?r.fillRect(i.x?-?.5,?i.y?-?.5,?1,?1),?e?=?x?+?1;?e?<?u.length;?e++)?n?=?u[e],?null?!==?n.x?&&?null?!==?n.y?&&?(o?=?i.x?-?n.x,?m?=?i.y?-?n.y,?l?=?o?*?o?+?m?*?m,?l?<?n.max?&&?(n?===?y?&&?l?>=?n.max?/?2?&&?(i.x?-=?.03?*?o,?i.y?-=?.03?*?m),?t?=?(n.max?-?l)?/?n.max,?r.beginPath(),?r.lineWidth?=?t?/?2,?r.strokeStyle?=?"rgba("?+?d.c?+?","?+?(t?+?.2)?+?")",?r.moveTo(i.x,?i.y),?r.lineTo(n.x,?n.y),?r.stroke()))}),?x(i)}var?a,?c,?u,?m?=?document.createElement("canvas"),?d?=?t(),?l?=?"c_n"?+?d.l,?r?=?m.getContext("2d"),x?=?window.requestAnimationFrame?||?window.webkitRequestAnimationFrame?||?window.mozRequestAnimationFrame?||?window.oRequestAnimationFrame?||?window.msRequestAnimationFrame?||?function?(n)?{window.setTimeout(n,?1e3?/?45)},?w?=?Math.random,?y?=?{x:?null,?y:?null,?max:?2e4};m.id?=?l,?m.style.cssText?=?"position:fixed;top:0;left:0;z-index:"?+?d.z?+?";opacity:"?+?d.o,?e("body")[0].appendChild(m),?o(),?window.onresize?=?o,?window.onmousemove?=?function?(n)?{n?=?n?||?window.event,?y.x?=?n.clientX,?y.y?=?n.clientY},?window.onmouseout?=?function?()?{y.x?=?null,?y.y?=?null};for?(var?s?=?[],?f?=?0;?d.n?>?f;?f++)?{var?h?=?w()?*?a,?g?=?w()?*?c,?v?=?2?*?w()?-?1,?p?=?2?*?w()?-?1;s.push({x:?h,?y:?g,?xa:?v,?ya:?p,?max:?6e3})}u?=?s.concat([y]),?setTimeout(function?()?{i()},?100) }();

引用代碼：

<script?type="text/javascript"?color="0,174,255"?opacity='0.7'?zIndex="-2"?count="200"?src="https://download.ccspump.com/js/bjtx.js"></script> 本文地址：https://www.lanol.cn/post/203.html
版權聲明：本文為原創文章，版權歸?Lan?所有，歡迎分享本文，轉載請保留出處！ 點贊 贊賞 PREVIOUS:499張WEBP格式動漫圖片 NEXT:【嗶哩嗶哩播放器】2020最新版高仿嗶哩嗶哩視頻播放器網站源碼

文章導航

總結

以上是生活随笔為你收集整理的一款好看，有科技感的动态背景线条动态效果代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。