利用JParticles制作粒子

JParticles 2.0发布,打造炫酷的粒子

一. 介绍

JParticles 2.0发布之前叫Particleground.js, 相信有在用的朋友应该不会陌生, 关于1.x的介绍可以看这里

二. 下载

1. 在gitHub上下载各种版本

2. 通过 npm install jpsrticles --save 安装链接NPM

3. 使用CDN

二. 使用

JParticles使用起来非常简单,上手快,代码简介简单易懂

可以直接参照官网给出的API文档以及例子

1.视差粒子

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>栗子</title>
    <script src="jparticles.js"></script>
    <script src="particle.js"></script>
</head>
<body>
    <div id="demo" style=" 800px; height: 400px;"></div>
</body>
<script>
    // 使用 new JParticles.特效名 创建特效
    new JParticles.particle('#demo');
</script>
</html>

效果如下

更多列子请移步官网