說明:本人剛建立博客不久,看到其他博主的博客上有這么一個炫酷的 鼠標效果,搗鼓了一下,也整了一個 參考鏈接:https://www.cnblogs.com/php-linux/p/10565156.html 效果展示 只要將鼠標放在一邊不動,就會有線條聚集到鼠標,是不是很炫酷 ...
這個隨鼠標變換的動態線條效果是我看見網上好多博客都在用 源自:https: github.com hustcc canvas nest.js 將這js代碼放在: 這里面就行 關於線條的配置 : color:線條顏色,默認值: , , RGB值: , , 。 注意:使用 , 分隔。 pointColor:點的顏色,默認值: , , RGB值: , , 。 注意:使用 , 分隔。 opacity:線的 ...
2019-10-13 21:47 0 427 推薦指數:
說明:本人剛建立博客不久,看到其他博主的博客上有這么一個炫酷的 鼠標效果,搗鼓了一下,也整了一個 參考鏈接:https://www.cnblogs.com/php-linux/p/10565156.html 效果展示 只要將鼠標放在一邊不動,就會有線條聚集到鼠標,是不是很炫酷 ...
載其中的canvas-nest.js,然后上傳到博客園后台的文件,得到一個鏈接 然后在博客園-->設置-->頁首H ...
博客園添加動態背景效果 目錄 1 申請 JS權限 2 審核通過后 3 上傳canvas-nest.js文件到自己的博客園后台並獲取這個文件的鏈接 4 在博客園-->設置-->頁首Html代碼下,插入以下標簽 5 見證奇跡 參考 ...
先上一張效果圖。 代碼如下: <script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script> ...
1.設置動畫首先要申請權限 1.1首先進入[我的博客園],進入[管理]中的[設置] 1.2找到[博客側邊欄公告],並點擊[申請JS權限] 1.3編寫申請js權限內容(示例如下) ps:在申請時,要耐心等待,審核不通過可以多換幾個內容試試,我是一次就通過了 ...
網站動態背景線條跟隨鼠標移動,吸附鼠標效果 動態背景線條,鼠標移動可以吸附,可以添加配置,代碼如下: vue,react寫法,類分裝:創建一個dotline.js 調用方法:html: js: 轉載:https ...
代碼(將代碼添加至頁腳html板塊): ...
一.效果圖 二.使用方法 引用js文件即可, 例如: 三.已上傳至GitHub(戳我下載) ...