js实现鼠标吸附粒子效果和星璇效果
2017-08-09 16:15
246 查看
body内引入js代码即可
吸附颗粒:
颜色:默认是(0,0,0),格式是(R,G,B)
透明度:(0-1),默认0.5
线段的数量:默认0.5
Z轴:默认-1
鼠标后跟随星璇
demo地址: http://www.luoyuhu.com/
github地址:https://github.com/hustcc/canvas-nest.js
吸附颗粒:
<html> <head> ... </head> <body> ... ... ... <script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script> </body></html>
颜色:默认是(0,0,0),格式是(R,G,B)
透明度:(0-1),默认0.5
线段的数量:默认0.5
Z轴:默认-1
鼠标后跟随星璇
<html> <head> ... </head> <body> <script src="Scripts/hovertreewelcome.js"></script> </body></html>
demo地址: http://www.luoyuhu.com/
github地址:https://github.com/hustcc/canvas-nest.js
相关文章推荐
- 原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
- JS实现的鼠标跟随代码(卡通手型点击效果)
- js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
- 可跟随鼠标实现立体翻转的JS图片展示效果
- js鼠标点击图片切换效果实现代码
- JS实现文字链接感应鼠标的解密效果
- js实现图片显示局部,鼠标经过显示全部的效果
- JS实现鼠标滑过折叠与展开菜单效果代码
- 用js实现简单的鼠标跟随效果
- JS实现可展开折叠层的鼠标拖曳效果
- 原生js实现鼠标点击效果(不是真实鼠标点击,用js模拟鼠标点击,类似jquery trigger效果)
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- JS实现鼠标滑过图片的抖动效果
- JS+DIV实现鼠标划过切换层效果的方法
- three.js粒子效果(分别基于CPU&GPU实现)
- JS实现鼠标滑过折叠与展开菜单效果代码
- JS实现感应鼠标滑动提示层效果
- JS实现鼠标经过用户头像显示资料卡的效果,可点击
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- JS+CSS实现鼠标滑过时动态翻滚的导航条效果