js实现鼠标吸附粒子效果和星璇效果

news/2024/7/19 14:50:51 标签: js, 鼠标吸附粒子, 鼠标吸附星璇, canvas

body内引入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



http://www.niftyadmin.cn/n/876789.html

相关文章

HDOJFatmouse肥鼠交易//c++控制保留小数

贪心算法.我就不贴题了//no.1009 但是我的代码运行超时了…改了好久都不对… 看别人代码,顺便学习c控制保留小数怎么操作; 我的错误代码:(时间占用可能是多次调用findmax造成的) #include <iostream> using namespace std; int findmax(double [],int n); int main() {i…

SQL分组查询,结果只取最新记录

select a.* from (select * from TABLE order by create_time desc) a group by a.user_id 这里查询的是USER_ID相同的最新一条数据

C++面向对象程序设计期末复习笔记[吉林大学](结合历年题速成85)

1.头文件 头文件的作用就是被其他的.cpp包含进去的.它们本身并不参与编译&#xff0c;但实际上,它们的内容却在多个.cpp文件中得到了编译.根据"定义只能一次"原则我们知道,头文件中不能放定义.(注:int a;是定义&#xff0c;开辟存储空间了&#xff0c;而 extern int…

[数学建模]最小生成树

求最小生成树的两种算法:prim算法和kruskal算法 1.prim算法 思想:一个点集合P,一个边集合Q,不断地找以点集合中任意一点为端点的最小边,更新点集合和边集合. Matlab代码:见司书P47 例4.5 2,kruskal算法 思想:先对所有的边按权值排序,每次从没被挑选的边里选权值最小的边&…

[数学建模]网络最大流(自用,可能说的不明白)

FF算法(Ford-Fulkerson) 也称标号法 司书写Matlab可以直接用工具箱,所以只给了lingo程序 那么就只记记思路: 我们如果手算,步骤是这样的: 1.选定一条S到T的路,计算δi\delta_iδi​(δi\delta_iδi​是这条路中最小的边权) 2.更新这条路上每条边的权值(调整成参流) 比如:S→…

[数学建模]层次分析法AHP

评价类问题。 问题: ① 评价的目标&#xff1f; ② 可选的方案&#xff1f; ③ 评价的指标&#xff1f; 分层 目标层、准则层、方案层 层次分析法可分为四个步骤建立&#xff1a; 第一步&#xff1a;标度确定和构造判断矩阵&#xff1b; 第二步&#xff1a;特征向量&#xff0c…

Mybatis报错:Invalid bound statement (not found)

Mybatis中运行程序遇到错误&#xff1a;Invalid bound statement (not found).... 一般是Mybatis中的Dao层Java文件没有跟Mapper.xml文件发生映射或者其中的方法没有发生映射&#xff08;xml中没有对应方法&#xff09; ①检查一下Mapper.XML中的namespace对应的Dao层接口jav…