`

自定义鼠标样式

阅读更多
IE版本处理 写道
http://blog.csdn.net/plpyxx/article/details/5586853
 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .left {
            cursor: url('http://webmap0.map.bdimg.com/image/api/openhand.cur'), crosshair;

        }
        .right {
            cursor: url('http://webmap0.map.bdimg.com/image/api/closedhand.cur'), crosshair;
        }
        span{
            cursor: help;;

        }


    </style>
    <script type="text/javascript">

        /**
         * 鼠标做点按下改变鼠标样式,为自定义鼠标样式
         * */
       document.onmousedown = function(e){
          var val =  e.button;
           if (val == 0) {
               var bod = document.body;
               bod.className = 'right';
               //alert('left key');
           } else {
               //alert('right key');
           }
       };

        /**
         * 该表鼠标左键弹起,恢复鼠标样式
         * */
        document.onmouseup = function(e){
            var bod = document.body;
            bod.className = 'left';
        };

      /**
       * 屏蔽鼠标左键
       * @returns {boolean}
       */
        document.oncontextmenu = function(){
            return false;
        };
    </script>
</head>
<body style="width:100%;height: 100%;border: 10px solid gray;min-height: 400px;padding: 0;margin: 0;" class="left">
        <span>asfasdfasdf</span>
        <span> adsfasdds</span>
</body>
</html>

 

分享到:
评论

相关推荐

    UE4_UE5自定义鼠标样式

    在UE4和UE5这两个Unreal Engine版本中,自定义鼠标样式是一项重要的用户界面(UI)定制工作,它能够极大地提升游戏或应用的用户体验。通过自定义鼠标样式,开发者可以根据不同的场景条件,如用户交互、游戏状态等,...

    arcgis for js自定义鼠标样式.zip

    在ArcGIS for JavaScript API中,自定义鼠标样式是一项重要的功能,它允许开发人员根据应用程序的需求改变地图交互时鼠标的外观和行为。ArcGIS for JS API是Esri公司提供的JavaScript库,用于构建地理信息系统(GIS...

    UE4UE5自定义鼠标样式-非积分

    UE4UE5自定义鼠标样式

    UE4UE5自定义鼠标样式

    UE4UE5自定义鼠标样式

    Qt自定义鼠标点击样式

    Qt自定义鼠标点击样式。具体详情可看:https://blog.csdn.net/automoblie0/article/details/102981764

    C# 自定义鼠标样式

    ### C#自定义鼠标样式的实现方法 在C#中,自定义鼠标样式是一个非常实用的功能,尤其是在开发具有高度定制化界面的应用程序时。本文将详细介绍如何通过调用Windows API来实现这一功能,并提供示例代码帮助理解。 #...

    自定义鼠标样式-绿色安装

    本文将深入探讨如何自定义鼠标样式,特别是通过“绿色安装”这一方法来实现。首先,我们需要理解“绿色安装”一词,它通常指的是不修改系统核心文件,只在用户文件夹下进行安装,便于卸载且不会对系统造成影响的安装...

    5种超酷自定义鼠标样式特效

    这篇关于“5种超酷自定义鼠标样式特效”的内容,显然旨在介绍如何利用CSS和JavaScript技术来创新性地改变鼠标的视觉效果,使得网页交互更加吸引人。 首先,我们要了解CSS(Cascading Style Sheets)是一种样式表...

    WPF自定义鼠标形状 自定义鼠标

    这是一个WPF 自定义鼠标形状的例子。 一般我们用.cur或是.ani文件来自定义鼠标,但是这里我用WPF代码自己写一个鼠标形状,不用外部文件。 这样更受代码控制,更具灵活性,减少了文件读取失败的风险,节省了IO资源。

    一个自定义Silverlight鼠标样式代码

    在本文中,我们将深入探讨如何使用Xaml在Silverlight中创建自定义鼠标样式。Silverlight是一种轻量级的Web应用程序框架,它允许开发者构建富媒体和交互式用户体验。自定义鼠标样式是提升用户界面(UI)独特性和用户...

    自定义鼠标的样式

    通过学习和理解这些文件,开发者可以进一步掌握自定义鼠标样式的技巧,并将其应用到自己的项目中,提高用户的交互体验。 总的来说,自定义鼠标的样式是一个创新的网页设计手法,它利用HTML、CSS和JavaScript的组合...

    Android系统添加自定义鼠标样式通过按键切换实例详解

    Android 系统添加自定义鼠标样式通过按键切换实例详解 在 Android 系统中,添加自定义鼠标样式并通过按键切换实例是一种很有趣的技术,能够满足用户的个性化需求。下面,我们将从两个方面来详细介绍如何添加自定义...

    解决C# winForm自定义鼠标样式的两种实现方法详解

    在C# WinForm应用开发中,自定义鼠标样式可以为用户界面增添个性化和专业感。本文将详细解析两种实现自定义鼠标样式的不同方法。 ### 方法一:利用系统API 这种方法涉及对Windows操作系统API的调用,主要是通过`...

    网页制作鼠标样式 各种样式

    CSS允许开发者自定义鼠标的外观,包括形状、大小和动画效果。基础的鼠标样式设置通常用`cursor`属性完成,例如: ```css selector { cursor: pointer; } ``` 这里的`selector`是你想要改变鼠标样式的元素,`...

    jquery自定义鼠标滚动条样式

    本篇将深入探讨如何利用jQuery实现自定义鼠标滚动条样式的知识点。 首先,我们要明白jQuery的核心是通过选择器选中DOM元素,然后对这些元素进行操作。在自定义滚动条样式时,我们需要借助特定的jQuery插件,如`...

    使用jquery自定义鼠标样式满足个性需求

    总之,`jQuery`配合CSS的`cursor`属性,可以轻松地实现自定义鼠标样式,无论是为了保持整体风格的统一,还是为特定区域赋予独特的视觉效果,都能得心应手。只需注意兼容性和资源加载的优化,就能让自定义鼠标样式...

    web中自定义鼠标样式将其显示为左右箭头

    在Web开发中,实现自定义鼠标样式来显示为左右箭头,尤其是在图片的不同位置,是一个常用的功能,可以提升用户交互体验。通常情况下,我们使用CSS来指定鼠标在特定区域内的样式。以下知识点将详细介绍如何实现这一...

    VC++自定义鼠标光标的指针样式

    在VC++编程环境中,自定义鼠标光标的指针样式是一项常见的需求,特别是在开发具有独特界面体验的应用程序时。本文将详细讲解如何在Windows/Visual C/C++环境下实现这一功能,同时涉及VC++的MFC(Microsoft ...

    鼠标样式文件 cur ani

    - **第三方软件**:有些第三方工具如CursorFX提供了更加直观和丰富的界面,允许用户创建、编辑和管理自定义鼠标样式,支持CUR和ANI格式。 - **兼容性**:并非所有CUR和ANI文件都能在所有版本的Windows上正常工作,...

Global site tag (gtag.js) - Google Analytics