JavaScript鼠标特效大全

本文实例为大家分享了js鼠标特效实例代码，供大家参考，具体内容如下

实例一：禁用鼠标右键

<script type="text/javascript">      //为文档的鼠标按下事件定义回调      document.onmousedown = function(event){        //判断事件的值是否为鼠标右键        if (event.button == 2){          alert('禁用鼠标右键!');  //提示用户禁用鼠标右键        }      }    </script>

0 没按键
1 按左键
2 按右键
3 按左键和右键
4 按中间键
5 按左键和中间键
6 按右键和中间键
7 按所有的键 

实例二：动态定义鼠标指针形状

<script type="text/javascript">      //初始化鼠标形状      function initMouse(){        //通过标签名得到目标DOM，如果是全网页则这里可以用body        var pDom = document.getElementsByTagName("p")[0];        //修改样式的鼠标指针形状，pointer为手的形状        pDom.style.cursor = 'pointer';      }          </script>

名称                   属性代码                
默认箭头样式           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