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')
});

CSS鼠标样式属性 cursor 的属性值相关推荐

CSS鼠标样式【cursor】
cursor:hand;手型 cursor:pointer;手型 cursor:auto;由系统自动给出 cursor:crosshair;十字型 cursor:text;I字形 cursor:wai ...
HTML中设置鼠标悬停状态伪类,四大伪类,css鼠标样式设置,reset操作,静止对文本操作...
本文将要为您介绍的是四大伪类,css鼠标样式设置,reset操作,静止对文本操作,教程操作方法:07.31自我总结一.a标签的四大伪类 a:link{样式} 未访问时的状态(鼠标点击前显示的状态) ...
鼠标样式：cursor属性值（含自定义光标图案） - 代码篇
文章目录鼠标样式:cursor属性值(含自定义光标图案) - 代码篇 1. 常用取值 · 举例: 2. 更多取值 · 截图参考 `(部分图标显示,因电脑系统而异)`: 3. 自定义cursor图片: ...
html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式. 一般在网页中一些特殊版块布局时,会遇到这类需求,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cur ...
html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)
CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:文本或其它页面元素文本或其它页面元素注意把 * 换成如下15个效果的一种: 下面是对这15 ...
css鼠标样式cursor介绍(鼠标手型)
http://www.17jquery.com/div_css/55815/ CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:<span ...
前端学习（2847）：css鼠标样式
<html><head><meta http-equiv="Content-Type" content="text/html; charse ...
html鼠标手状态,css鼠标样式
css鼠标样式 cursor中hand与pointer 例子:CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用. 例子:CSS鼠标手型效果 ...
html 手指状态,CSS 鼠标样式和手指样式整理
CSS 鼠标样式和手指样式整理发布时间:2013-08-13 11:36:19 作者:佚名我要评论要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊,下面与大家分 ...
十五种CSS鼠标样式
[url]http://linder0209.iteye.com/blog/875203[/url] CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例 ...

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

CSS鼠标样式属性 cursor 的属性值相关推荐

最新文章

热门文章