Web前端开发H5+js实现跟随鼠标移动而散开的粒子效果

web前端开发html5|前端开发者

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

使用方法:[color=#ff0000][/color]

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>之间。

html 代码

web前端开发html5|前端开发者

https://www.rokub.com

» 本文来自:前端开发者 » 《Web前端开发H5+js实现跟随鼠标移动而散开的粒子效果》
» 本文链接地址:https://www.rokub.com/2750.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!