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