当前位置:学学看123知识中心电脑教学网页设计给图像热点area元素添加手形鼠标样式的方法» 正文

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

[06-11 19:37:31]   来源:http://www.xxk123.com  网页设计   阅读:8478

导读: 在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" onc

给图像热点area元素添加手形鼠标样式的方法,标签:网页设计教程,网页设计知识,http://www.xxk123.com

    在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.xxk123.com" />


Tag:网页设计网页设计教程,网页设计知识电脑教学 - 网页设计

Copyright 学学看123 All Right Reserved.

1 2 3 4 5 6 7 8 9 10