`
mywebcode
  • 浏览: 988006 次
文章分类
社区版块
存档分类
最新评论

在自定义鼠标指针的时候遇到的一些问题

 
阅读更多

今天,时间比较宽松,所以想做一个之前曾经讨论过的功能。其实算是做一个好一点的帮助系统吧,之前也有在其它地方见到过类似的功能。

具体的想法是:每个页面放一个帮助按钮,当用户点击这个帮助按钮时,并不像传统的帮助系统那样,弹出一个帮助窗口,然后里面是帮助的目录,当然,可能还包括一些根据关键字来检索帮助信息的功能。这样的帮助系统很常见,但感觉并不是很好,因为用户往往只是一个点存在疑问,而弹出整个帮助窗口,并不是用户想要的,而且这样一来,用户可能还需要花很多的时间才能在那么繁杂的目录里找到自己想要的“那一点”信息,所以,我想用户在点击了帮助按钮后,将光标指针切换成一个问号的图片,说明当前正处在帮助定位的状态,在这个状态下,当用户点击了某一操作区域时,帮助系统会获取当前所点击区域的锚标记,并且到服务器里取回相关的帮助信息,而右击或重新点击一次帮助按钮就会除去当前所在的帮助状态。

在这样的想法的驱动下,我上网找了找关于用js定义鼠标指针的方法,很多网友都说只要在JS里指定某元素对象的cursor属性就可以了,如this.style.cursor = hand或者this.style.cursor = url('imgUrl'),看起来感觉很简单,于是马上按照上面举的例子的写法试了,反复试验,检查发现,在firefox下面始终不能出来,后来,找到了原因,主要是下面三个方面容易引起问题,在这里标记一下,希望以后用的人能够避免这些雷区,呵呵。

1、最好用cur格式的图片作为鼠标指针的替换文件,如果找不到现成的,可以在网上找些转换软件来将png或jpg等的格式转换过去;

2、图片URL最好用绝对路径,相对路径在部分浏览器中可能会有问题;

3、在定义cursor属性的值时,除了要指定图片的URL之外,还需要指定一个标准的指针类型,如pointor,auto等等,我想这主要是标准制定者出于避免出现因找不到指定图片而不知应该显示什么指针而定下的规则吧。被这个问题困扰了很长时间,因为在网上查到的前几篇文章中,均没有提到这个问题。所以我也一直没有意识到不加会出问题,到后来,实在找不到办法,然后再去翻后面的搜索结果,才发现了有网友说在firefox下必须加上备用的配置,才能正常显示,加上后,果然可以了!^_^

分享到:
评论

相关推荐

    自定义指针样式为图片.zip

    web前端开发中难免会遇到需要把鼠标样式改成透明图标形状的图标,很拉风、很好看,但是怎么做呢?我这里有一个实例可以通过cursor自定义指针样式为透明鼠标图片。

    多显示器管理工具 DisplayFusion Pro 9.7 中文多语免费版.zip

    DisplayFusion 中文版是一款多显示器管理工具,如果你使用双显示器,那么可能会遇到这样一个问题:如何给两个显示器设置使用不同的墙纸。或者,如果两个甚至更多显示器的分辨率和纵横比都各不相同,如何让同一张墙纸...

    BlocketZoom-crx插件

    将鼠标指针悬停在列表中的图像上方就足够了。 如果您经常在http://www.blocket.se寻找要购买的物品,这是您的补充。 而不是点击每个广告以查看该项目的大图,只需将鼠标指针放在列表中的图像上即可显示放大的图像。 ...

    Toad 使用快速入门

    可以自定义存储过程得模板,在新建存储过程的时候,自动生成程序的框架可以方便的调用Schema Browser,把鼠标定位于某个对象上,F4,Schema Browser打开该对象的详细描述,帮助顺利快速开发程序。支持代码自动更正,...

    Java开发实战1200例(第1卷).(清华出版.李钟尉.陈丹丹).part3

    本书是第II卷,以开发人员在项目开发中经常遇到的问题和必须掌握的技术为中心,介绍了应用Java进行桌面程序开发各个方面的知识和技巧,主要包括Java语法与面向对象技术、Java高级应用、窗体与控件应用、文件操作...

    精易模块[源码] V5.15

    6、修复“网页_创建快捷方式”在win7以上系统不能自定义图标的BUG,感谢易友【蓝风】反馈。 7、修复“进制_十六到十”不支持长整数的BUG。 8、新增“类_时钟”,类似易语言自带时钟控件,可设置时钟周期。 MD5:E31C...

    JAVA上百实例源码以及开源项目

    像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...

    JAVA上百实例源码以及开源项目源代码

    像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等,都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...

Global site tag (gtag.js) - Google Analytics