JavaScript鼠标特效大全
鼠标的特效,相信很多页面设计都会把它考虑到里面,操作方法大家都了解吗?今天爱站技术频道小编就给大家带来了几个实例讲解,感兴趣的小伙伴们可以进入下文参考一下小编的介绍,希望能帮到大家。
实例一:禁用鼠标右键
0 没按键
1 按左键
2 按右键
3 按左键和右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键
实例二:动态定义鼠标指针形状
名称 属性代码
默认箭头样式 cursor:default
手型 cursor: pointer
手型 cursor:hand
移动十字箭头 cursor: move
帮助问号 cursor: help
十字准心 cursor:crosshair
文字/编辑 cursor: text
无法释放(禁用) cursor:no-drop
禁用 cursor:not-allowed
自动 cursor:auto
处理中 cursor: progress
向上改变大小 cursor: n-resize
向下改变大小 cursor: s-resize
向左改变大小 cursor: w-resize
向右改变大小 cursor: e-resize
向上左改变大小 cursor: nw-resize
向下左改变大小 cursor: sw-resize
向上右改变大小 cursor: ne-resize
向下右改变大小 cursor: se-resize
实例三:鼠标进出时字体大小变化
把鼠标移动到该区域
实例四:
实例五:鼠标放上链接出现不同的颜色
实例六:让鼠标滑轮失效
以上就是爱站技术频道介绍的关于JavaScript鼠标特效大全的全部介绍,我们在使用之前,要详细看看这些操作是不是我们项目所需的,更多的专业知识尽在js.aizhan.com。
上一篇:vue语法之拼接字符串的示例代码