js学习笔记
此专栏内容为个人在学习过程中的一些知识点总结或案例代码,可能有不完善的地方,仅供参考
呦呀
这个作者很懒,什么都没留下…
展开
-
JS实现烟花特效
通过js实现烟花绽放效果原创 2022-03-02 10:29:21 · 1469 阅读 · 1 评论 -
JS实现眼睛跟随鼠标特效
效果展示 JS使用眼睛跟随特效 代码展示实现原理见代码注释 <div class="face"> <div class="eye"> <div class="white"> <div class="black1"></div>原创 2022-02-17 14:15:24 · 1525 阅读 · 0 评论 -
JS实现元素消失特效
运行效果展示 JS实现元素碎片化消失特效 设计思路获取要消失元素的位置、宽高和背景生成碎片覆盖要消失的模块,同时将要消失元素的透明度设为0给碎片设置随机大小、透明度和运动方向碎片运动的同时,透明度降低,为0时清除碎片碎片全部消失后,元素被清除代码展示function minbox(i,j,width,height,bg) { var mi原创 2022-02-16 15:05:17 · 1677 阅读 · 2 评论 -
JS实现水波涟漪特效
JS实现水波涟漪效果通过鼠标点击事件,获取当前鼠标点击位置,生成定义好的元素,从而实现效果原创 2022-01-17 14:28:31 · 2629 阅读 · 0 评论 -
JS特效——下雪
通过JS实现屏幕飘雪 JS实现飘雪特效 //创建雪花元素function snow() { //获取视窗的宽高 var width = window.innerWidth; var height = window.innerHeight; var snow = document.createElement("div"); //创原创 2022-01-15 09:11:48 · 2354 阅读 · 0 评论