auto 自动改变样式
crosshair 精确定位"+" 用鼠标指着我察看效果
default 默认指针 用鼠标指着我察看效果
hand 手形 用鼠标指着我察看效果
move 移动 用鼠标指着我察看效果
e-resize 箭头朝右方 用鼠标指着我察看效果
ne-resize 箭头朝右上方 用鼠标指着我察看效果
nw-resize 箭头朝左上方 用鼠标指着我察看效果
n-resize 箭头朝上方 用鼠标指着我察看效果
se-resize 箭头朝右下方 用鼠标指着我察看效果
sw-resize 箭头朝左下方 用鼠标指着我察看效果
s-resize 箭头朝下方 用鼠标指着我察看效果
w-resize 箭头朝左方 用鼠标指着我察看效果
text 文本"I"形 用鼠标指着我察看效果
wait 等待 用鼠标指着我察看效果
help 帮助 用鼠标指着我察看效果
先将以下代码复制到<head></head>之间：
<style type="text/css">
<–
a{font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc}
a:hover {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#AFE0FE}
a:active {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#8080C0}
–>
BODY {
FONT-FAMILY: 宋体; FONT-SIZE: 9pt
}
TABLE {
FONT-FAMILY: 宋体; FONT-SIZE: 9pt
}
}
</style>
再将以下代码复制到<body></body>之间：
<div style="font-size:24pt;color:green;">
<table width="647" border="0">
<tr>
<td width="157" height="26"> </td>
<td colspan="3" height="26">
<div align="center"><font size="4"><b><font color="#660066">用CSS改变鼠标样式</font></b></font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#990000">关键字：</font></td>
<td width="156"><font color="#990000">解释：</font></td>
<td width="192"><font color="#990000">样式：</font></td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">auto</font></td>
<td width="156"><font color="#660066">自动改变样式</font></td>
<td width="192">
<div align="center"></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">crosshair</font></td>
<td width="156"><font color="#660066">精确定位"+"</font></td>
<td width="192">
<div align="center" style="cursor:crosshair"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">default</font></td>
<td width="156"><font color="#660066">默认指针</font></td>
<td width="192">
<div align="center" style="cursor:default"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">hand</font></td>
<td width="156"><font color="#660066">手形</font></td>
<td width="192">
<div align="center" style="cursor:hand"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">move</font></td>
<td width="156"><font color="#660066">移动</font></td>
<td width="192">
<div align="center" style="cursor:move"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">e-resize</font></td>
<td width="156"><font color="#660066">箭头朝右方</font></td>
<td width="192">
<div align="center" style="cursor:e-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">ne-resize</font></td>
<td width="156"><font color="#660066">箭头朝右上方</font></td>
<td width="192">
<div align="center
" style="cursor:ne-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">nw-resize</font></td>
<td width="156"><font color="#660066">箭头朝左上方</font></td>
<td width="192">
<div align="center" style="cursor:nw-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">n-resize</font></td>
<td width="156"><font color="#660066">箭头朝上方</font></td>
<td width="192">
<div align="center" style="cursor:n-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">se-resize</font></td>
<td width="156"><font color="#660066">箭头朝右下方</font></td>
<td width="192">
<div align="center" style="cursor:se-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">sw-resize</font></td>
<td width="156"><font color="#660066">箭头朝左下方</font></td>
<td width="192">
<div align="center" style="cursor:sw-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">s-resize</font></td>
<td width="156"><font color="#660066">箭头朝下方</font></td>
<td width="192">
<div align="center" style="cursor:s-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">w-resize</font></td>
<td width="156"><font color="#660066">箭头朝左方</font></td>
<td width="192">
<div align="center" style="cursor:w-resize"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">text</font></td>
<td width="156"><font color="#660066">文本"I"形</font></td>
<td width="192">
<div align="center" style="cursor:text"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">wait</font></td>
<td width="156"><font color="#660066">等待</font></td>
<td width="192">
<div align="center" style="cursor:wait"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157"> </td>
<td width="137"><font color="#330066">help</font></td>
<td width="156"><font color="#660066">帮助</font></td>
<td width="192">
<div align="center" style="cursor:help"><font color="#006666">用鼠标指着我察看效果</font></div>
</td>
</tr>
<tr>
<td width="157" height="23"> </td>
<td width="485" colspan="3" height="23">
<div align="left"><font color="#330066">使用方法：在需要改变鼠标样式的地方方插入：</font>style="cursor:<font color="#990000">关键字</font>"</div>
</td>
用CSS改变鼠标样式 CSS代码 CSS脚本
bywzy 发表于 程序设计 分类，
08
十月
2006
0
