cursor:url("") 无法正常使用

wwwarewow 2009-11-12 10:19:27
想做一个图片翻页的效果,鼠标移到图片左边提示"上一页",鼠标移到图片右边提示"下一页",但鼠标的形状是cur或ani格式的图片.如果用cursor自带的一些样式,如:wait和 help,图片左边鼠标显示wait 形状,图片右边鼠标显示help形状是没有问题的.如果用cur或ani格式的图片就不行了,鼠标形状的显示前两次是正常的,但后来就不行了,鼠标的形状一直是第二次显示的形状.代码如下:

<img src="images/sh1.jpg" border="0" usemap="#Map" id="usemap" />
<map name="Map" id="Map" >
<area shape="rect" coords="0,0,289,835" href="11.html" target="_self" alt="上一张图片" onmousemove="prev_cursor()"/>
<area shape="rect" coords="291,7,580,907" href="22.html" target="_self" alt="下一张图片" onmousemove="next_cursor()"/>
</map>

js代码:
function prev_cursor(){
document.getElementById("usemap").style.cursor="url('prev.cur')";
}
function next_cursor(){
document.getElementById("usemap").style.cursor="url('next.cur')";
}

也证实了鼠标在图片的左边和右边来回移动的时候,两个函数每次执行了,就是鼠标的形状后来就不变化了,请高手指点.
...全文
982 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
wwwarewow 2009-11-18
  • 打赏
  • 举报
回复
再顶起来.

耐心等...
wwwarewow 2009-11-13
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 happmaoo 的回复:]
删除缓存试试
[/Quote]

怎么个删除法,能具体说下吗?
wwwarewow 2009-11-13
  • 打赏
  • 举报
回复
自己顶起来.等待高手解答.
wwwarewow 2009-11-12
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 cloudgamer 的回复:]
这个要服务器支持该文件类型才行的
[/Quote]

在本机测试都不行.第一次和第二次都显示正常,以后鼠标就不再变了,一直是第二次显示的形状.
cloudgamer 2009-11-12
  • 打赏
  • 举报
回复
这个要服务器支持该文件类型才行的
happmaoo 2009-11-12
  • 打赏
  • 举报
回复
删除缓存试试

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧