html页面中如何设置当光标移到一个固定区域时其形状变成手型,移出时恢复

时间:2023-03-09 09:11:45
html页面中如何设置当光标移到一个固定区域时其形状变成手型,移出时恢复

在除了IE6的情况下,可以通过CSS的:hover伪类来实现:

假如你想设定的固定区域为:<div id="test"></div>,那么只需要在CSS样式表里定义:#test:hover{cursor:pointer;/*这里必须设为pointer才会对所有浏览器有效,hander只针对IE有效*/},


如果要在IE6下实现这个效果,除非你固定的区域是个块状的<a>标签区域,否则就要借助JS来实现了(引入一个HTC文件可以解决)。

【另外有一种更简便的方法】:就是将这个元素用<a>包围起来,如:

<a href="#"  style="text-decoration:none;"><div id="test" style="height:50px;width:50px;"><!--这个区域的鼠标是手形!--></div></a>,这个方法IE6也同样可以有效。