JS+html5实现跟随鼠标移动而散开的粒子效果
发布在前端大锅饭2016年8月4日view:3557HTML5BrettBat
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

enter image description here 特效说明:

一款JS+html5实现跟随鼠标移动而散开的粒子效果网页特效,主要运用到HTML5的canvas属性,鼠标滑动时跟随光标绘制出不同彩色圆形粒子。效果酷炫漂亮!请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)

使用方法:

1、调用CSS样式:

<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码:

<script type="text/javascript" src='js/sketch.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>

3、添加HTML代码:

将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

enter image description here

演示地址 原码下载

评论
发表评论
4个月前
添加了一枚【评注】:赞
WRITTEN BY
网页设计自学平台
只要你够吊,全世界都在你脚下
TA的新浪微博
PUBLISHED IN
前端大锅饭

平台每天更新最实用,最新颖的网页设计、网站制作技巧精品文章,分享html+css、JavaScript、jQuery,ps等直播课录像,国内知名设计师亲授!无论你身在何处,和大家一起来利用零碎的时间学习知识,涨见识、涨工资吧!

我的收藏