CSS鼠标样式属性 cursor 的属性值

一、用法:

.mouse-cursor{
   cursor:pointer
}

二、属性值：

十字准心: cursor: crosshair;

手: cursor: pointer;(主流浏览器, IE 6 以上)

cursor: hand;(IE 5, 只认 hand)

等待/沙漏 cursor: wait;

帮助 cursor: help;

无法释放 cursor: no-drop;

文字/编辑 cursor: text;

可移动对象 cursor: move;

向上改变大小(North)  cursor: n-resize;

向下改变大小(South)  cursor: s-resize;

向右改变大小(East)  cursor: e-resize;

向左改变大小(West)  cursor: w-resize;

向上右改变大小(North East)  cursor: ne-resize;

向上左改变大小(North West)  cursor: nw-resize;

向下右改变大小(South East)  cursor: se-resize;

向下左改变大小(South West)  cursor: sw-resize;

自动 cursor: auto;

禁止 cursor:not-allowed;

处理中 cursor: progress;

系统默认 cursor: default;

用户自定义（可用动画） cursor: url(‘ # ‘);
url	需使用的自定义光标的 URL。
		注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标。
crosshair	光标呈现为十字线。

三、jq控制css的cursor应用

$(".title-name").mouseover(function(){
    if(_this.toChildTitle.includes("下载")){
          $('.title-name').css('cursor','pointer')
    } else {
         $('.title-name').css('cursor','default')
    }
}).mouseout(function(){
    $('.title-name').css('cursor','default')
});