posts - 15,  comments - 34,  trackbacks - 27
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用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-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
posted on 2006-04-05 09:03 jacky 阅读(482) 评论(1)  编辑  收藏

FeedBack:
# re: 用css改变鼠标显示
2011-01-17 09:08 | 水晶女孩
换鼠标图案如下:
<DIV>&nbsp;</DIV>
<STYLE type=text/css>
a:hover {cursor:url('http://×××××.ani')}
BODY {cursor:url('http://×××××××.ani')}
</STYLE>

步骤如下:
1,首先打开控制面板,打开我的首页维护,进入自定义面板,新增一个面板。
2,打开新增的面板,点击显示源代码!
3,在代码<DIV></DIV>间插入如如上代码:
其中第一个地址是鼠标指向目标时所显示的图案url地址'
第二个地址是鼠标离开目标时所显示的图案url地址'
鼠标具体样式地址在如下网站查看,有好多啊!
http://myok.bokee.com/2081936.html

如果这个站点打不开,没有关系,我把这个站点的鼠标代码都写到我的blog中了,详情请看文章《鼠标样式大全》1,2,3!
鼠标样式集合在这里  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航:
 
<2006年4月>
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456

常用链接

留言簿(10)

随笔档案

文章分类

文章档案

相册

收藏夹

java

搜索

  •  

最新评论