diff --git a/README.md b/README.md index 15ea642..7f924d0 100644 --- a/README.md +++ b/README.md @@ -27,8 +27,18 @@ Keep in mind that this is the maintained and long term support version of [Parti This JavaScript plugin includes an optional parallax effect controlled by the mouse on desktop devices and gyroscope on mobile devices. Proven works with any browser that supports HTML5 canvas. +You can use it as jQuery plugin or use it as in your vanilla javascript project. Your choice! + +## Demo + +In Action: + +Demo files can be found in ``demo`` folder. + ## Usage +**_Vanilla JS_** + ```js daisyjs(document.getElementById('your-element'); ``` @@ -43,6 +53,8 @@ $('#your-element').daisyjs(); Options can be set by passing an options object to the constructor. Check some example usage below. +**_Vanilla JS_** + ```js // Let's set the colors of particle dots and lines daisyjs(document.getElementById('your-element'), { @@ -66,6 +78,8 @@ For a full list of options please visit the [wiki](https://github.com/warengonza DaisyJS has some basic public methods which can be used to interact with your daisy instance. See example below. +**_Vanilla JS_** + ```js var momoland = daisyjs(document.getElementById('your-element'); momoland.pause(); @@ -191,4 +205,4 @@ Daisy.js is Developed and Maintained by **Waren Gonzaga** --- -**** with **<3** by **Waren Gonzaga** +**** with **<3** by **Waren Gonzaga**