有时候我们需要改变鼠标的图标，下面的几种改变鼠标图标的方法，很简单的^_^
[color=darkblue](1).更换成系统自带的鼠标样式：[/color] [color=green]<body style="cursor:[/color][color=red]鼠标样式类型[/color]">
</body>
[color=green]注解1:[/color] [color=red]鼠标样式类型[/color]可以是以下类型：
hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
[color=green]注解2：[/color]body可以换成html中的任何一种标签，如<p>,<a></a>
[color=darkblue](2).更换成自己定义的图标[/color]
[color=green]style="cursor:url('路径\图片名称.图片后缀名');"[/color]例如：style="cursor:url('F:\cursor\free7.cur');"
但是要注意鼠标的图片一定是.cur格式或.ani格式。
[color=darkblue](1).更换成系统自带的鼠标样式：[/color] [color=green]<body style="cursor:[/color][color=red]鼠标样式类型[/color]">
</body>
[color=green]注解1:[/color] [color=red]鼠标样式类型[/color]可以是以下类型：
hand是手型
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
[color=green]注解2：[/color]body可以换成html中的任何一种标签，如<p>,<a></a>
[color=darkblue](2).更换成自己定义的图标[/color]
[color=green]style="cursor:url('路径\图片名称.图片后缀名');"[/color]例如：style="cursor:url('F:\cursor\free7.cur');"
但是要注意鼠标的图片一定是.cur格式或.ani格式。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
