Mouse Pointer Click Effect Javascript Plugin | Mouse.Js

Mouse.Js is a javascript library that changes mouse shapes to different shapes with beautiful effects using JS and CSS.

Read More: Create Side Sliders Input Values Using Mouse Drag | Pointer Lock

How to make use of it:

1. Include mouse.css and JavaScript mouse.js stylesheet on the page.

<link rel="stylesheet" href="dist/css/mouse.min.css" />
<script src="dist/js/mouse.min.js"></script>

2. Configure Mouse.js to replace the default cursor with a circle.

let mouse = new Mouse()
mouse.mouse()

3. Change the shape of the cursor.

let mouse = new Mouse({
    mouse : 'point',
})

4. Change the color of the indicator.

let mouse = new Mouse({
    color: '#ffda79',
})

5. Decide if you want to add a scrolling effect to the element: “Error”, “Border” or “Background”.

let mouse = new Mouse({
    mouseHover: 'border',
})

Read More: Simple jQuery Scroll & Mouse Parallax | Parajjax

6. Or apply a scroll effect to selected elements.

let mouse = new Mouse({
    el: 'a',
    el_hover: true,
})

7. Determine if you want to show the default cursor.

let mouse = new Mouse({
    mousePointer: true,
})

8. Decide if you want to enable the click effect.

let mouse = new Mouse({
    mouse_clicked: false,
})

9. Decide if you want to change the color of the indicator automatically.

let mouse = new Mouse({
    clrChanged : true,
})

Cool Cursor & Click Effects, Mouse.Js Plugin/Github, cursor effects


See Demo And Download

Official Website(mohamedfrindi): Click Here

This superior jQuery/javascript plugin is developed by mohamedfrindi. For extra Advanced Usage, please go to the official website.

Share