????? hand:是手型。
crosshair:是十字型,就是小乌龟首页所用的样式。
text:是平时鼠标移动到文本上的样式。
wait:是等待的效果。
default:是默认的那种效果。
help:是带问号的鼠标样式。
e-resize:是向右的箭头。
ne-resize:是向右上方的箭头。
n-resize:是向上的箭头。
nw-resize:是向左上方的箭头。
w-resize:是向左的箭关。
sw-resize:是向左下的箭头。
s-resize:是向下的箭头。
se-resize:是向右下方的箭头。
auto:是系统自动的效果。
当然根据需要你也可以将样式应用于其它标签,或者单纯的只应用于某一段文本。如果读者对CSS代码不陌生的话,或许直接手写代码更方便。特别是,如果你想在不同的位置运用不同的鼠标样式,或者不同的标签使用不同的鼠标样式。直接将样式写在某个具体的标签里边就可以了。
方法是:< tag style=cursor:mouse_style>。其中tag是标签名,mouse_style就是鼠标样式,如hand/crosshair/text/wait等等。
下面举个具体的实例以加深大家对鼠标样式设置的理解。
<span style=cursor:hand> hand:是大家所熟悉的手型。< /span>
< span style=cursor:crosshair>crosshair:是十字型,就是小乌龟首页所用的样式。< /span>
< span style=cursor:text>text:是平时鼠标移动到文本上的样式。< /span>
< span style=cursor:wait>wait:是等待的效果。< /span>
< span style=cursor:default>default:是默认的那种效果。< /span>
< span style=cursor:help>help:是带问号的鼠标样式。< /span>
< span style=cursor:e-resize>e-resize:是向右的箭头。< /span>
< span style=cursor:ne-resize>ne-resize:是向右上方的箭头。< /span>
< span style=cursor:n-resize>n-resize:是向上的箭头。< /span>
< span style=cursor:nw-resize>nw-resize:是向左上方的箭头。< /span>
< span style=cursor:w-resize>w-resize:是向左的箭关。< /span>
< span style=cursor:sw-resize>sw-resize:是向左下的箭头。< /span>
< span style=cursor:s-resize>s-resize:是向下的箭头。< /span>
< span style=cursor:se-resize>se-resize:是向右下方的箭头。< /span>
< span style=cursor:auto>auto:是系统自动的效果。< /span>
注意:
在ie下设置 css 样式 style="cursor:hand;" 可以正常显示
但是在firefox下就不行
改用 style="cursor:pointer;"
则在两个浏览器下都能正常显示
但只适用于IE6.0及以上版本以及FIREFOX,在IE5.0下不能显示成手
详细解决方案
css cursor 设立
热度:853 发布时间:2012-10-08 19:54:56.0
相关解决方案
- 请教: CURSOR: hand为什么不起作用? Flash为什么无法显示? 多谢
- 对文字,如何执行onclick="javascript:window.close()" style="cursor:hand"
- informix Cursor not open.解决思路
- cannot update the cursor,该如何解决
- css cursor 的可选值(鼠标的各种式样) 详细出处参考:http://www.jb51.net/css/23361.html
- css cursor 设立
- style.cursor 的可选值(鼠标的各种式样)
- 自定义鼠标式样-cursor
- cursor:hand 跟 cursor:pointer
- cursor:hand 与 cursor:pointer 的差别
- cursor 空缺
- 将鼠标的式样变成一个"手"的样子. cursor:pointer
- ExtJS4除了下拉框的光标(remove the cursor of combo)
- 关于IE和FF中"cursor:url"样式不兼容的有关问题.
- (没分了,只能到这里问了)java.sql.SQLException: Cursor is closed.该如何解决
- CURSOR 怎么RETURN
- cursor 结果集的count数,该如何处理
- 基础 Cursor 的疑义
- oracle 游标 cursor 效率 慢,该怎么解决
- cursor 是不是可以作为参数传递
- function、cursor 和EXECUTE IMMEDIATE的有关问题,多谢同志们,快疯了
- TYPE ref_type_name IS REF CURSOR [RETURN return_type]的return_type必须是record类型吗解决办法
- 为啥Cursor cursor = database.rawQuery一直报错
- Cursor 放在finilly中也关不掉 出错,闪退
- Cursor.close()后程序跳转的有关问题
- The constructor SimpleCursorAdapter(Context, int, Cursor, String[], int[]) is de,该如何解决
- Cursor getString有关问题
- Mysql之存储过程异常:ERROR 1337 (42000): Variable or condition declaration after cursor
- Android 关于管理 cursor 的 startManagingCursor 有关问题
- Android Tutorial(一)Simple Cursor Adapter and ListView