添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > CSS3+HTML5特效 >

JS+html5实现跟随鼠标移动而散开的粒子效果

时间:2015-01-14      来源:互联网     
特效说明:
一款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>之间。
相关特效
  • 酷炫loading动画加载特效

    酷炫loading动画加载特效

    一款绿色酷炫loading动画加载进度条动画特效,采用Canvas绘制,适用于网页加载动画,游戏加载动画等场景。……
    2018-04-04
  • Canvas制作飞机树林上空飞行动画特效

    Canvas制作飞机树林上空飞行动画特效

    一款Canvas制作飞机树林上空飞行动画特效,采用HTML5+Canvas制作无线循环动画场景,可以应用游戏场景。……
    2018-04-04
  • HTML5电子书翻页动画特效

    HTML5电子书翻页动画特效

    一款HTML5电子书翻页动画特效免费下载,点击左右按钮3D式立体翻书效果,HTML5电子书图文相册特效。……
    2016-12-23
  • HTML5分页导航按钮样式动画特效

    HTML5分页导航按钮样式动画特效

    HTML5分页导航按钮样式动画特效下载,html5分页导航按钮样式动画特效里面总共包含17种不同的垂直分页按钮动画样式特效,HTML5网建设代码。……
    2016-11-14
  • HTML5-canvas粒子动画背景three.js插件

    HTML5-canvas粒子动画背景three.js插件

    一款HTML5-canvas粒子动画背景three.js插件免费下载,该特效基于插件three.js编写,HTML5+CSS3酷炫网站制作必备动画背景。……
    2016-11-14
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • HTML5+Canvas制作文本输入框闪光动画特效

    HTML5+Canvas制作文本输入框闪光动画特效

    一款HTML5+Canvas制作文本输入框动画特效下载,该网页特效是一款非常好看的键盘键入打字文本输入框原子飞溅闪光动画效果。……
    2016-07-22
  • HTML5响应式全屏宽度幻灯片特效

    HTML5响应式全屏宽度幻灯片特效

    一款HTML5响应式全屏宽度幻灯片特效免费下载,该HTML5图片特效是一款可以根据屏幕的大小自动调整幻灯片的宽度,幻灯片宽度始终占据整个屏幕的宽度。……
    2016-06-28
  • HTML5移动端裁剪图片上传头像代码

    HTML5移动端裁剪图片上传头像代码

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28

最新更新特效

设计分享