用css改变鼠标显示

css|鼠标|显示

   一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 

用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span> 
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。 

下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

时间: 2024-11-01 10:40:05

用css改变鼠标显示的相关文章

用CSS改变鼠标样式

  用CSS改变鼠标样式   关键字: 解释: 样式:   auto 自动改变样式   crosshair 精确定位"+" 用鼠标指着我察看效果   default 默认指针 用鼠标指着我察看效果   hand 手形 用鼠标指着我察看效果   move 移动 用鼠标指着我察看效果   e-resize 箭头朝右方 用鼠标指着我察看效果   ne-resize 箭头朝右上方 用鼠标指着我察看效果   nw-resize 箭头朝左上方 用鼠标指着我察看效果   n-resize 箭头朝上方

css 控制鼠标显示样式示例

鼠标的显示样式可以在css里进行友好的控制,下面整理了一些鼠标的样式类型,感兴趣的朋友可以参考下,希望对大家学习css有所帮助     复制代码 代码如下: <span style="cursor:*">文本</span> 然后*换成下面的一种就行: hand 手型 crosshair 十字型 text 移动到文本上的那种效果 wait 等待的那种效果 default 默认效果 help 问号 e-size 向右的箭头 ne-resize 向右上的箭头 n-re

如何用CSS自定义鼠标显示的形状

 <style type="text/css"> <!-- span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;} --> </style> <span style="cursor:hand;">hand 手型</span> <span style="cursor:cro

用CSS改变鼠标形状的代码

<span style="cursor:hand">手形</span> <span style="cursor:crosshair">十字</span> <span style="cursor:text" >文本光标</span> <span style="cursor:wait" >等待</span> <span style

用CSS样式表控制鼠标显示的样式

css|控制|鼠标|显示|样式表 一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型.但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型. 用css控制的语法如下: <span style="cursor:*">文本或其它页面元素</span> 把 * 换成如下15个效果的一种: hand.crosshair.text.wait.default.help.e-resize.ne-resize.n-resize.

巧妙用CSS样式表改变鼠标的样式

用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八卦图"似

CSS属性(鼠标属性)

css 我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变. 用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状.图案显示. 在CSS当中,这种样式是通过"cursor"属性来实现的.Cursor属性有很多的属性值,我们来看一下它的详细列表: 我们来看一个例子吧,请看下面这段代码: <html> <head> <title>changemouse</

JS实现左右拖动改变内容显示区域大小的方法_javascript技巧

本文实例讲述了JS实现左右拖动改变内容显示区域大小的方法.分享给大家供大家参考.具体如下: 这里演示左右可拖动的内容显示区效果,左右拖动红条改变显示区域宽度大小,往左拖则全部显示右侧内容,往右拖则全部显示左则内容,类似QQ的聊天窗口一样,可以向上或向下拖动大小,以适合使用者的要求.本代码完全JavaScript与CSS代码结合实现,在各主流浏览器内运行的兼容性也不错,左右拖动改变大小的JS代码推荐给大家. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2

Extjs 如何改变鼠标形状?

问题描述 现在鼠标在单击某个按钮之后,执行一个方法,但是此方法执行需要5~9秒左右才能返回值,这时候,页面上一点提示都没有,所以我想在这时候把鼠标形状改成漏斗形或者其他形状,让别人知道,此方法已被调用,不要再重复点击此按钮了.请教下如何改变鼠标形状.(网上说的那种css方法改变形状的除外)或者一般遇到这种情况,其他的解决方案?? 解决方案 将按钮相关的面板mask掉,中间显示等待信息,可以用动态图片.等请求完成后再执行unmask比如提交表单,就把表单所在面板mask掉.mask属于Ext.El