css鼠标样式cursor介绍(鼠标手型)

http://www.17jquery.com/div_css/55815/

CSS鼠标样式语法如下：

任意标签中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：

下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！

hand是手型
例子：CSS鼠标手型效果 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:hand">CSS鼠标手型效果</a>

pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
例子：CSS鼠标手型效果 <a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:pointer">CSS鼠标手型效果</a> 内容来自17jquery

crosshair是十字型
例子：CSS鼠标十字型效果<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" style="cursor:crosshair">CSS鼠标十字型效果</a>

help是问号
例子：CSS鼠标问号效果 <a href="#" _fcksavedurl=""#"" style="cursor:help">CSS鼠标问号效果</a>

下面写法都一样，这里就不一一写完了。

下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！

hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果内容来自17j

css鼠标样式cursor介绍(鼠标手型)相关推荐

html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)
CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:文本或其它页面元素文本或其它页面元素注意把 * 换成如下15个效果的一种: 下面是对这15 ...
css hover变成手_css鼠标样式cursor介绍(鼠标手型)
CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:文本或其它页面元素文本或其它页面元素注意把 * 换成如下15个效果的一种: 下面是对这15 ...
html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式. 一般在网页中一些特殊版块布局时,会遇到这类需求,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cur ...
CSS 鼠标样式 cursor属性
在浏览网页时,通常看到的鼠标光标形状有箭头.手形.沙漏等,而在 windows 中实际看到的鼠标指针种类比这个还要多. 一般情况下,鼠标光标的形状由浏览器负责控制,大多数情况的光标形状为箭头形状,当指 ...
html鼠标手状态,css鼠标样式
css鼠标样式 cursor中hand与pointer 例子:CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用. 例子:CSS鼠标手型效果 ...
web前端基础 html5+css3（九.精灵图，字体图标，css三角，鼠标样式cursor，.轮廓线 outline，vertical-align，文本溢出显示省略号）
1.精灵图(有效减少服务器介绍和发送请求的次数,提高页面的加载速度) 将网页的小背景图像整合到一张大图中,这样服务器只需要请求一次就可以了 background-position (图片往坐标左边走) ...
html 手指状态,CSS 鼠标样式和手指样式整理
CSS 鼠标样式和手指样式整理发布时间:2013-08-13 11:36:19 作者:佚名我要评论要用到鼠标样式效果,就顺便整理了下十五种CSS鼠标样式,小例子供大家使用啊,下面与大家分 ...
十五种CSS鼠标样式
[url]http://linder0209.iteye.com/blog/875203[/url] CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例 ...
HTML中设置鼠标悬停状态伪类,四大伪类,css鼠标样式设置,reset操作,静止对文本操作...
本文将要为您介绍的是四大伪类,css鼠标样式设置,reset操作,静止对文本操作,教程操作方法:07.31自我总结一.a标签的四大伪类 a:link{样式} 未访问时的状态(鼠标点击前显示的状态) ...

css鼠标样式cursor介绍(鼠标手型)

css鼠标样式cursor介绍(鼠标手型)相关推荐

最新文章

热门文章