JavaScript鼠标特效大全

来源:爱站网时间:2020-04-18编辑:网友分享
鼠标的特效,相信很多页面设计都会把它考虑到里面,操作方法大家都了解吗?今天爱站技术频道小编就给大家带来了几个实例讲解,感兴趣的小伙伴们可以进入下文参考一下小编的介绍,希望能帮到大家。

鼠标的特效,相信很多页面设计都会把它考虑到里面,操作方法大家都了解吗?今天爱站技术频道小编就给大家带来了几个实例讲解,感兴趣的小伙伴们可以进入下文参考一下小编的介绍,希望能帮到大家。

实例一:禁用鼠标右键

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语法之拼接字符串的示例代码

下一篇:javascript的注入 黑客必备

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载