moussejs
v1.0.5
Published
Mouse.Js is a javascript library, which changes the shape of the mouse into various shapes with beautiful effects
Downloads
12
Readme
Mouse.Js
Mouse.Js is a javascript library, which changes the shape of the mouse into various shapes with beautiful effects
Demo
Installation
npm
npm install moussejs --save
import { Mouse } from "moussejs";
or
const { Mouse } = require('moussejs');
CDN
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/mohamedfrindi/Mouse.js/dist/mouse-min.js"></script>
Put the JS file at the end of the body tag:
<script type="text/javascript" src="dist/js/mouse.js"></script>
<!-- or -->
<script type="text/javascript" src="dist/js/mouse-min.js"></script>
To run Mouse.Js just add the following code in your script:
let mouse = new Mouse()
mouse.mouse()
Options
let mouse = new Mouse({
mouse : 'cirle',
// To change the type of mouse
// Accepts 3 options : defult / cirle / point
// default option : cirle
color: '#ffda79',
// To change the color of the mouse
// default option : #ffda79
mouseHover : false,
// Adds a hover effect to the element on which the mouse is on
// Accepts 3 options : false / border / background
// default option : false
mousePointer: false,
// To show or hide the mouse from the page
// Accepts 2 options : false / true
// default option : false
el: 'a',
// The items you want to hover effect
// accept any item
// Should be placed ; etween the elements
// default option : a
el_hover: true,
// Activate or disable hover effect on items
// Accepts 2 options : false / true
// default option : true
mouse_clicked: true,
// To activate or disable the effect of clicking on the page
// Accepts 2 options : false / true
// default option : true
clrChanged : false,
// Change the color of the mouse automatically
// Accepts 2 options : false / true
// default option : false
});
mouse.mouse();