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

来源:互联网 发布:大众网络报浅水照片 编辑:程序博客网 时间:2024/04/30 01:51

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

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

在这样的想法的驱动下,我上网找了找关于用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下必须加上备用的配置,才能正常显示,加上后,果然可以了!^_^

原创粉丝点击