HTMer » 编程开发 » 给图像热点area元素添加手形鼠标样式的方法

给图像热点area元素添加手形鼠标样式的方法

在DW(Dreamweaver)中插入图片后,有个热点工具(又称为图像地图),是指已被分为多个热点(或称【区域】)的图像;当用户单击某个热点时,会发生某种操作(例如,打开一个新的网页)。而某些情况下我们可能希望点击图像某个热点时只是掉用一下JavaScript,而并非跳转到另外的网页,这时我们就需要给这个热点添加一个鼠标样式,使鼠标移动到热点区域时显示手形状态(如果不这样设置,那用户就不知道去点击该热点了)。

具体的方法就是给热点工具中的area元素添加一些属性,这里假设area元素代码如下:

<area shape="rect" coords="1,-1,168,43" />

我们只需要在area中添加一个超链接href属性,然后在onclick事件中加入return false,让超链接的href失效就行了,具体的代码如下:

<area shape="rect" coords="1,-1,168,43" onclick="return false;" href="http://www.htmer.com" />

顶一下 ▲()   踩一下 ▼()

相关文章