css中cursor自定义鼠标形状

css中能把cursor变成抓手样的形状,注意不是超链接的那种手,是抓手

css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-out;}//FF下面
css:{cursor:url('绝对路径'),auto;}//IE,FF,chrome浏览器都可以

例子

 代码如下 复制代码

.style1{
 cursor: url('http://你地网站/手抓.jpg');
}

补充:

问题一 浏览器不兼容问题:
  在FF火狐中可以很正常的显示出来,而在IE中起初是显示不出来,后来是鼠标图片大小过小的问题,在Google浏览器中鼠标图片的大小问题更加的突出——超级的大。
 碰到的情况正好和baidu到的结果相反,很多朋友遇到的问题都是不兼容FF浏览器。
  对于在浏览器中鼠标图片不显示的问题,问题大概出在对鼠标图片URL路径的引用上。 可以分别尝试下绝对和相对路径的引用。
 
问题二 各浏览器间鼠标图片大小不一致问题:
  这种问题应该和各浏览器间对Cursor图片的解析有关系,起初我的鼠标图片大小是59*56的,后来把鼠标图片的尺寸改为32*32后,图片大小不一致的问题就解决了。
(经测试发现,超过32*32尺寸,就会出现这种问题)
问题三 IE中使用Cursor URL()出现鼠标闪动问题:
  当对设置Cursor URL()的容器元素添加了Title或Alt时,就会出现这种现象。最后很无奈的把Title标签去掉了。难道是因为在IE中Cursor会和Title、Alt冲突么

注意:url:需使用的自定义光标的 URL。图片类型需要是.cur或.ani格式的 但小编使用jpg的并没发现什么问题。

时间: 2024-07-31 01:19:10

css中cursor自定义鼠标形状的相关文章

CSS中cursor

 关于cursor的说明,书上是这样讲的:      设置或检索在对象上移动的鼠标指针采用的光标形状. 此属性的值可以是多个,其间用逗号分隔.假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用.依此类推.假如全部值都不可用的话,则此属性不会发生作用.光标不会被改变. 此属性对于 currentStyle 对象而言是只读的.对于其他对象而言是可读写的. 对应的脚本特性为 cursor .     这个属性主要是修改鼠标移上页面某一元素,所表现出来的形状.用来引导

jQuery操作表格背景色迭代和鼠标移动事件(CSS中使用expression)

表格的操作: 1:通过树形迭代,获取要操作的表格节点,jQuery实现动态的table背景色迭代,和鼠标移动时间,js实现(使用于一层表格,js方法参数为表格id,颜色自定义): 表格css代码: #userinfoshow tr th{background: #B15BFF; text-align:center;vertical-align:middle;}//表头背景色和上下左右居中 #userinfoshow tr td{text-align:center;vertical-align:m

关于c++中的FMC监测鼠标形状

问题描述 关于c++中的FMC监测鼠标形状 用c++的fmc编写的监测鼠标形状变化的程序,只能在鼠标移动到运行窗口时,才能监测到鼠标的变化,鼠标移除窗口时,就检测不到鼠标的变化了,请大家给个程序,使用FMC能监测全屏幕的鼠标形状的变化.谢谢

请教各位,Devexpress中Line中point点的形状能否自定义?谢谢,着急,在线等!

问题描述 请教各位,Devexpress中Line中point点的形状能否自定义?,我需要点上放图片,微软自带的控件是可以设置.谢谢,着急,在线等! 解决方案 解决方案二:自己去搜吧.

入门学习:运用CSS样式表改变鼠标的样式

css|鼠标|样式表 用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象

巧妙用CSS样式表改变鼠标的样式

用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化.而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化.这同充满动感的网页显得不怎么和谐.实际上,用CSS可以方便地定义许多种鼠标形状.用本文介绍的方法,可以在网页的作何地方设置鼠标的不同样式. 在Dreamweaver3中设置手形鼠标样式效果的制作步骤: 1.按F7(或点击快速启动栏里那个象"八卦图"似

CSS中的滑动门技术

css 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有.需要转载发表的,请先与作者联系 在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果.根据CSS2.0当前的规定,每一个背景图像都需要各自的HTML元素.在许多情况下,典型的标记已经为一般的接口组件提供了多种元素以供我们使用. 标

CSS中的行为——HTC

css|htc 最近对这些CSS中的行为有点兴趣,看了些文档作了个表单鼠标滑过效果.当然HTC的用途,大家最喜欢的要数自制组建,自定义标签了. Quote 说明: HTC是HTML component的缩写, 是IE5.0的主要扩展之一, 除了具备一般组件的可重用优点之外, 还具有易于开发使用等优点, 因为需要引入外部文件,这里就不举例了,宝库里有例子. 控件和组件 HTC提供了一个简单机制以在脚本中实现DHTML行为.一个HTC文件和HTML文件没有任何差别,并且以".htc"为后缀

CSS中的行为—HTC

css|htc  最近对这些CSS中的行为有点兴趣,看了些文档作了个表单鼠标滑过效果.当然HTC的用途,大家最喜欢的要数自制组建,自定义标签了.Quote 说明: HTC是HTML component的缩写, 是IE5.0的主要扩展之一, 除了具备一般组件的可重用优点之外, 还具有易于开发使用等优点, 因为需要引入外部文件,这里就不举例了,宝库里有例子. 控件和组件 HTC提供了一个简单机制以在脚本中实现DHTML行为.一个HTC文件和HTML文件没有任何差别,并且以".htc"为后缀