当前位置:主页 > JavsScript库 > 其它 >

酷光标和点击效果 - Mouse.Js
栏目分类:其它   发布日期:2021-09-28   浏览次数:

Mouse.Js 是一个 JavaScript 库,用于使用 JavaScript 和 CSS 创建非常酷的光标和点击效果。

使用:

1. 在页面上包含样式表 mouse.css 和 JavaScript mouse.js。

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

2. 初始化mouse.js,用圆圈替换默认光标。

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

3. 更改光标形状。可用形状:

  • defult

  • cirle(默认)

  • point

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

4. 更改光标颜色。

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

5.确定是否给元素添加悬停效果:'false'、'border'或'background'。

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

6. 或者将悬停效果应用于特定元素。

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

7. 确定是否显示默认光标。默认值:false。

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

8. 确定是否开启点击效果。默认值:true。

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

9. 判断是否自动改变光标颜色。默认值:false。

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


官方网站:https://github.com/mohamedfrindi/Mouse.js

相关热词: Mouse.Js点击效果

声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库