cursor -- 定义鼠标样式

cursor -- 定义鼠标样式

  • 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit

    • [<uri> ,]*: 根据用户定义的资源显示
    • auto: 正常鼠标
    • crosshair: 十字鼠标
    • default: 默认鼠标
    • pointer: 点状鼠标
    • move: 移动鼠标
    • e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标
    • text: 文字鼠标
    • wait: 等待鼠标
    • help: 求助鼠标
    • progress: 过程鼠标
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_cursor/
  • 初始值: auto
  • 继承性: 是
  • 适用于: 所有元素
  • cursor: 中文"鼠标"的意思.

示例

p#auto

    cursor:auto;
}

p#text

    cursor:text;
}

p#wait

    cursor:wait;
}

p#help

    cursor:help;
}

p#progress

    cursor:progress;
}

时间: 2024-10-24 03:10:43

cursor -- 定义鼠标样式的相关文章

cursor改变鼠标样式

cursor -- 定义鼠标样式 取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit [<uri> ,]*: 根据用户定义的资源显示 a

cursor:改变鼠标样式

前言:今天看百度的一个layui前端框架的时候,看到一个禁用图标的样式,鼠标移上去会变成一个自定义的图片样式,就在想难道cursor也可以自定义图片路径?!之前一直没有使用过. 使用了一下之后,遇到很多问题,比如图片的格式,后缀名以及大小等问题,然后查了一下相关资料. 语法:cursor:url(路径),auto; auto是需要跟的标准样式,浏览器会先加载你设定好的路径,如果没有,则加载auto里自定义的,auto,default等都可以. 关于图片的格式: 1,如果用图片(gif,png)等

CSS样式:cursor -----定义鼠标指针

定义和用法 cursor 属性规定要显示的光标的类型(形状). 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围). 可能的值: demo: <html> <head>     <style type="text/css">        span{               line-height: 30px;             }     </style>  <

CSS 鼠标样式大全

cursor是CSS中用于定义鼠标在元素标签上的显示样式,如常用的手型鼠标样式 cursor: pointer; 也可以通过url网址指定扩展名一般为.cur的鼠标图片文件. 名称 属性代码 描述 默认箭头样式 cursor:default 系统默认 箭头样式 手型 cursor: pointer 系统自带 手型 手型 cursor:hand 系统自带 手型    提示 只有ie5支持这种手型也只支持这种 移动十字箭头 cursor: move 系统自带 移动十字箭头 帮助问号 cursor:

cursor url 自定义鼠标样式

cursor可以自定义鼠标写法是cursor:url("图片路径"),default url:需使用的自定义光标的 URL.图片类型需要是.cur或.ani格式的. pointer: 默认的鼠标光标样式,当没有找到可用的定义光标时会使用此光标. .cur和 .ani图片我们可以用PS来自己制作. 制作方法也很简单: 1.先创建一个32*32的模板 2.一般我们需要的是png格式的鼠标样式,所以这里拖入一张选好的png图片,图片置入后,在去掉背景 3.按下ctrl+s保存后这里如图选择即

CSS鼠标样式整理

鼠标样式的标签: cursor:*;  //该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状: 鼠标样式: 值 描述 url 需使用的自定义光标的 URL. 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标. default 默认光标(通常是一个箭头) auto 默认.浏览器设置的光标. crosshair 光标呈现为十字线. pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动. e-resize 此光标指示矩形框的边

第5章—通过CSS定义链接样式

5.1针对链接的CSS基本概念: 5.1.1 CSS伪类别 5.1.2 用伪类别定义动态超链接 5.2定义丰富的超链特效 5.2.1给链接添加提示文字:title属性 5.2.2按钮式超链接 5.2.3 为超链添加背景图效果 background-image:url(nav01.jpg); 5.2.4 用CSS定义针对超链的鼠标特效 cursor:鼠标各种样式及大小的设置

wxpython中鼠标样式的获取与匹配

在wxpython中定义有多种默认的鼠标样式,譬如:wx.CURSOR_CROSS wx.CURSOR_HAND等等,这类不细说,可以参考wxpython的samples里面自带的cursor例子 这里讲介绍当前App的鼠标样式如何获取与匹配: 首先,获取非常简单,GetCursor()即可: 接着,匹配貌似易如反掌嘛, if self.GetCursor() == wx.StockCursor(wx.CURSOR_CROSS): pass 想当然耳就要栽跟头,上面的逻辑判断永远是False,因

Arcgis for javascript不同的状态下自定义鼠标样式

俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态.1.鼠标在地图上面移动:2.按住鼠标左键拖拽鼠标:3.拉框放大地图:4.拉框缩小地图. 鼠标在地图上面时为: 按住鼠标拖拽地图时为: 拉框放大地图时为: 拉框缩小地图时为. 接下来,说说我的实现思路. 第一种状态,在地图加载完成时出现,代码: map.on("load",function