一些原生的js小特效

2021-09-26 02:44:41 字數 1356 閱讀 5788

一.這是乙個滑鼠跟隨特效(使用畫布)

html部分

js部分

window.onload = function()

cleartimeout(t);

}x = e.pagex;

y = e.pagey;

a = 0;

b = 0;

a = x;

b = y;

r = (e.pagex / w*999 >> 0 ) / 999;

r = (e.pagey / h*999 >> 0) / 999;

u = e.pagey / h *360 >> 0;

d = 9;

g = 360 * math.pi / 100;

t = setinterval(f = function(e)

c.restore();

i = 25;

while(i--)

if (d < 0.1)

t -= g;

d -= 0.1;

}if (!bool)

q = (r / r - 1) * t;

x = (r - r) * c(t) + d * c(q) + (a + (x - a) * (i / 25)) + (r - r);

y = (r - r) * s(t) - d * s(q) + (b + (y - b) * (i / 25));

if (a)

c.strokestyle = "hsla(" + (u % 360) + ",100%,50%,0.75)";

c.stroke();

a = x;

b = y;

}u -= 0.5;

a = x;

b = y;

}, 16);

}j.onkeydown = function(e)

d.onmousemove()

}

二.這是乙個下雪的特效

html+css+js

三.這是乙個載入樣式的特效

html+css

四.這是乙個滑塊驗證特效(存在小問題)

html+css+js

拖動滑塊完成驗證

五.這是乙個實現開關燈效果的特效

html+css+js

![關燈效果圖](

![開燈效果圖](

JS原生的一些寫法

今天在寫頁面的時候,因為不想使用jquery了,所以想用原生js寫一下,發現原生的js都差不多忘記了,所以來補習一下 slice 如果接收的是負數,會將它字串的長度與對應的負數相加,接收的是起始位置和結束位置 不包括結束位置 substring 以兩個引數中較小乙個作為起始位置,較大的引數作為結束位...

原生js的一些盲點

1 document.readystate 有三個值loading interactive loading 仍在載入 interactive 文件已被解析 正在載入狀態結束 但是樣式表和框架之類的子資源仍在載入 complete 文件和所有子資源已完成載入。表示load狀態的事件即將被觸發 2 do...

音訊的一些特效

在做音訊處理的時候,難免要對採集到的聲音做一些處理。這就是為什麼錄音聽起來那麼的怪 但卻是最真實的原始聲音 聽著那麼的舒服。那麼我們就看看這些效果的功能 如果不加混響,聲音會發乾,非常不舒服。現在我們所聽到的 大部分都是經過混響處理的。除非你是一定想要那種天然的完全沒處理過的 毛聲 加了混響之後便於...