Below lists all the available values for the CSS property "cursor" (as of CSS2.1):
Icon |
Value |
Live example (move mouse over box) |
Browser |
|
auto |
The User Agent determines the cursor to display based on the current context. |
All |
![](/admin/blogs/cursor-default.gif) |
default |
style="cursor: default;"
|
All |
![](/admin/blogs/640806/cursor-hand.gif) |
hand |
style="cursor: hand;"
|
IE |
![](/admin/blogs/640806/cursor-hand.gif) |
pointer |
style="cursor: pointer;"
|
NS6/ IE6 |
![](/admin/blogs/640806/cursor-hand.gif) |
hand & pointer |
style="cursor: pointer; cursor: hand;"
|
Cross browser |
![](/admin/blogs/640806/cursor-crosshair.gif) |
crosshair |
style="cursor: crosshair;"
|
All |
![](/admin/blogs/640806/cursor-text.gif) |
text |
style="cursor: text;"
|
All |
![](/admin/blogs/640806/cursor-wait.gif) |
wait |
style="cursor: wait;"
|
All |
![](/admin/blogs/640806/cursor-help.gif) |
help |
style="cursor: help;"
|
All |
|
inherit |
Takes on its parent element's computed cursor value. |
All |
![](/admin/blogs/640806/cursor-move.gif) |
move |
style="cursor: move;"
|
All |
![](/admin/blogs/640806/cursor-eresize.gif) |
e-resize |
style="cursor: e-resize;"
|
All |
![](/admin/blogs/640806/cursor-neresize.gif) |
ne-resize |
style="cursor: ne-resize;"
|
All |
![](/admin/blogs/640806/cursor-nwresize.gif) |
nw-resize |
style="cursor: nw-resize;"
|
All |
![](/admin/blogs/640806/cursor-nresize.gif) |
n-resize |
style="cursor: n-resize;"
|
All |
![](/admin/blogs/640806/cursor-seresize.gif) |
se-resize |
style="cursor: se-resize;"
|
All |
![](/admin/blogs/640806/cursor-swresize.gif) |
sw-resize |
style="cursor: sw-resize;"
|
All |
![](/admin/blogs/640806/cursor-sresize.gif) |
s-resize |
style="cursor: s-resize;"
|
All |
![](/admin/blogs/640806/cursor-wresize.gif) |
w-resize |
style="cursor: w-resize;"
|
All |
![](/admin/blogs/640806/cursor-progress.gif) |
progress |
style="cursor: progress;"
|
IE6 |
![](/admin/blogs/640806/cursor-all-scroll.gif) |
all-scroll |
style="cursor: all-scroll;"
|
IE6 |
![](/admin/blogs/640806/cursor-col-resize.gif) |
col-resize |
style="cursor: col-resize;"
|
IE6 |
![](http://www.javascriptkit.com/dhtmltutors/csscursors.shtml/admin/blogs/640806/cursor-no-drop.gif) |
no-drop |
style="cursor: no-drop;"
|
IE6 |
![](/admin/blogs/640806/cursor-not-allowed.gif) |
not-allowed |
style="cursor: not-allowed;"
|
IE6 |
![](/admin/blogs/640806/cursor-rowresize.gif) |
row-resize |
style="cursor: row-resize;"
|
IE6 |
![](/admin/blogs/640806/mycursor.gif) |
url(uri) |
style="cursor: url(mycursor.cur);"
Note: Only .cur and .ani file types are supported as of IE6.
|
IE6 |
![](/admin/blogs/640806/cursor-vertical-text.gif) |
vertical-text |
style="cursor: vertical-text;"
|
IE6 |
Using the "cursor" property is like with any CSS property- simply apply it to the desired element. Here are a few examples:
同时也可以关注这里:http://www.javascriptkit.com/dhtmltutors/csscursors.shtml
分享到:
相关推荐
厌倦了默认图标吗?下载个性指针丰富你的眼球
图标、光标制作和替换套装工具,可以制作 .ico、.ani、.cur 光标,还支持替换 Windows 系统中的默认图标,使您的系统更加个性化。
一款好看的jQuery仿梦幻西游鼠标指针光标移动特效,把默认鼠标光标换成自定义的图标样式,鼠标移动时后面跟随着蓝色圆圈波纹动画特效。
Win7 操作系统中,默认的硬盘图标可能不太美观,有时候我们希望更改硬盘图标以满足个性化需求。今天我们将讨论如何修改 Win7 硬盘图标的方法。 方法一:使用注册表法 修改硬盘图标的方法有多种,但是使用注册表法...
您可以通过单击浏览器操作图标来激活它,也可以使用键盘快捷键(默认情况下为Alt + Shift + M,可以在chrome:// extensions / configureCommands上对其进行编辑)。 此扩展是作为快速练习而创建的,灵感来自Frank ...
很可爱的嘻悠猴电脑桌面图标 右键点击 Setup.inf 文件进行安装,然后在 控制面板 -〉鼠标 -〉指针 里选择 YOYOCICI MINIFISH 应用即可。...如果要恢复原有的指针,按以上方法,重新选择WINDOWS默认的方式就行了。
1.方便的管理本地主题,可视化管理(添加、删除,应用)。 2.本地鼠标指针直接使用。 3.本地图标直接使。 4.网络资源一键安装使用,并下载到本地,无需重复安装。...恢复默认主题、指针、图标,方便DIY 自己的主题。
滚动提示 建议使用pointer icon将元素水平滚动。 安装 ...默认 描述 suggestClass 活跃 滚动元素时要添加的类名 scrollableClass 可滚动 元素可滚动时要添加的类名 scrollableRightClass 可向右滚
我们在网页设计的时候,为了达到个性效果,需要将系统默认的鼠标形状改变掉,自宝义鼠标显示的形状,我们以前可以用javascript来实现。现在我们完全可以用css来实现这一个性效果了。 CSS有一个属性:cursor,其作用...
2008-11-25修改左侧栏、左侧列表指针显示为默认箭头,用户登录后自动删除1周前所有聊天消息 2009-1-4 增加鱼鱼应用 2009-1-19 增加聊天窗口图标 2009-4-17 修改了一些程序错误,增加状态图标images\status下 微蓝...
随鼠标指针的提示文本, 这是老式的, 下面有新型的. TrayIcon.BalloonHint、BalloonTitle、BalloonFlags、BalloonTimeout 这都是新型的 Hint 相关的. TrayIcon.BalloonHint: Hint 文本 TrayIcon.BalloonTitle: Hint ...
3.5.0版(2015年4月19日) 1、增加“黑月应用程序向导”,快速创建黑月程序。 2、增加命令“指针到整数”... 6、创建默认RC资源时增加图标、对话框、XP风格选项。 7、黑月资源编辑器已打开的情况下直接切换。
默认情况下,新建的代码文件的格式为.cpp,可以在“工具”、“环境选项”、“新建文件类型”中更改。C 语言标准格式为 .c 格式。 在调试过程中,需要使用断点来暂停程序的执行。断点可以在特定的语句上设置,例如,...
系统菜单是点击窗体左上角图标时所弹出的菜单,这个菜单的选项一般是固定的,而本例通过API函数的调用改变了系统菜单的选项,在其中加入了新的菜单项。程序实现有两个关键: 1、通过AppendMenu和GetSystemMenu两个...
16. HoverSelection:设置当鼠标指针悬停于项上时是否自动选择项,默认为false。 17. HotTracking:设置当鼠标指针经过项文本时,其外观是否变为超链接的形式,默认为false。 18. HideSelection:设置选定项在控件...
其原型是:int MessageBox(HWND hWnd, LPCTSTR lpText, LPCTSTR lpCaption, UNIT uType) 四个参数分别是:父窗口的句柄、要显示字符串的指针、对话框标题字符串的指针、显示在对话框上的小图标的类型。 五、获取...
* Default Icon为程序安装完成后的默认图标。 * Default Cursor为指针图标,可以不用设置。 三、精灵的制作和注意事项 * 将需要制作成精灵的图片集拖入到Unity工程的Resources目录下。 * 选中所有的拖入图片,将...
我们建议您使用默认按键组合Ctrl U。如果您要更改它,请放置您的鼠标指针到下面的字段内,然后按您要使用的按键组合。可设置指定当您按热键时字符串对话框要出现的位置,要使紧邻字符串选择对话框的工具提示完整...
酷屏不仅集成近海量的XP电脑主题、Win7主题、桌面壁纸、电脑登陆界面、鼠标指针、桌面屏保、文件夹图标……等桌面美化资源。 酷屏还提供:CMD查询、计算机、视频播放器、图片播放器、浏览器、桌面清理、桌面事件等...
酷屏不仅集成近海量的XP电脑主题、Win7主题、桌面壁纸、电脑登陆界面、鼠标指针、桌面屏保、文件夹图标……等桌面美化资源。酷屏还提供:CMD查询、计算机、视频播放器、图片播放器、浏览器、桌面清理、桌面事件等...