在网页中如何定义鼠标的样式

转载 2007年09月21日 11:40:00

在网页中如何定义鼠标的样式

作者:闪吧   类型:原创   来源:闪吧

  在网页中如何定义鼠标的样式
解决思路
用cursor属性可以实现,可选值及说明如表2.1.6.2所示。
表2.1.6.2 cursor属性的可选值
可选值说明
hand手型
crosshair十字型
text鼠标移动到水平文本上的样式
wait等待
default系统默认样式
help带问号的样式
e-resize向右的箭头
ne-resize向右上方的箭头
n-resize向上的箭头
nw-resize向左上方的箭头
w-resize向左的箭关
sw-resize向左下的箭头
s-resize向下的箭头
se-resize向右下方的箭头
auto系统自动应用的样式
move十字箭头,移动对象时的样式
pointer鼠标移上链接时的样式,同hand(需IE6+支持)
all-scroll中间一小圆点,上、下、左、右四个方向是箭头的样式,表示页面可以向任意方向滚动(需IE6+支持)
col-resize左右两个箭头,中间以两条垂线分开,表示项目/栏的大小可以在水平方向上改变(需IE6+支持)
no-drop左边为手型,右边为斜线穿过的小圆圈, 表示可拖动项目在当前鼠标位置不能放开.
not-allowed斜线穿过的小圆圈,表示所请求的动作不能被执行(需IE6+支持)
progress指针旁有沙漏标志,表示后台有程序在运行,用户与此页面的交互不受影响(需IE6+支持)
row-resize上下两个箭头,中间以两条水平线分开,表示项目/栏的大小可以在垂直方向上改变(需IE6+支持)
url(uri)指针由作者定义,使用自定义通用资源识别码,例如url(’mycursor.cur’)。.cir,.ani类型的指针是唯一被支持的指针类型。(需IE6+支持)
vertical-text可编辑的垂直文本样式,以一个水平翻转的I来表示(需IE6+支持)


具体步骤
    代码示例:
    
    <style>
    body{cursor:default}
    textarea{cursor:url(demo.cur)}
    </style>
    <span style="cursor:help">查看帮助</span>
    <textarea></textarea>

注意:
l         以cursor:url(url)方式定义的鼠标样式需要IE6+的支持
l         定义的光标效果会因为系统所应用的Theme(主题)的影响而尽相同。
提示:光标文件除了静态的.cur格式的之外,还有.ani格式动态光标文件。
特别提示
运行本例代码,鼠标移上查看帮助四个文字上面,光标的效果如图2.1.6.10所示。

图1.2  自定义的光标效果

特别说明


cursor属性用于设置鼠标移上对象时所显示的光标形状或光标文件,对应的脚本特性为cursor,可选参数见表2.1.6.2。 
   责任编辑:kissall    时间:2005年8月29日
 

相关文章推荐

自定义鼠标的样式

  • 2014年04月12日 15:36
  • 12KB
  • 下载

cursor:鼠标样式定义

  • 2011年09月28日 15:48
  • 646B
  • 下载

Arcgis for javascript不同的状态下自定义鼠标样式

Arcgis for javascript自定义鼠标样式

arcgis for js自定义鼠标样式.zip

  • 2014年10月18日 13:51
  • 4KB
  • 下载

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法 系统默认的滚动条样式,真的已经看的够恶心了。试想一下,如果在一个很有特色和创意的网...
  • cdnight
  • cdnight
  • 2014年11月21日 17:04
  • 34351

网页中鼠标样式标签

  • 2013年08月24日 20:35
  • 1KB
  • 下载

类似google的可拖动div层网页布局,支持firefox,样式可自定义

近来还是比较流行这种应用,而且论坛的人问得也多,每次去查很麻烦,就转在这里,方便查找。原文地址在下面。   可能是我转载的那个转载的排版存在问题,不能直接运行。我进行了修改。现在的代码可以直接运行了。...

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

转自:http://www.qianxingzhem.com/post-1602.html

网页中集成百度商桥,自定义样式,可参照江苏美圣官网

百度商桥即时沟通“自定义”样式,可在江苏美圣官网查看示例(http://www.jsmsxx.com)...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在网页中如何定义鼠标的样式
举报原因:
原因补充:

(最多只允许输入30个字)