cursor:url("") 无法正常使用
想做一个图片翻页的效果,鼠标移到图片左边提示"上一页",鼠标移到图片右边提示"下一页",但鼠标的形状是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')";
}
也证实了鼠标在图片的左边和右边来回移动的时候,两个函数每次执行了,就是鼠标的形状后来就不变化了,请高手指点.