图片热点链接如何设置,如何取消点击时出现的框框_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)

本篇文章介绍使用DW添加图片热点链接，那如何设置呢？

1、运行DW软件，新建一个页面。

2、切换到“设计模式”，同时按下CTRL+ALT+I，这时会弹出一个窗口，我们选择要插入的图片。如下图：

3、右键单击插入的图片，选择“属性”，如下图，我们可以看到属性框中的“热点工具”：

4、选择热点工具的，这里以“圆形热点工具”为例（可以根据自己的需求，选择“矩形热点工具、圆形热点工具、多边形热点工具”）：

 5、如下图，勾勒出热点区域，并且添加相应的链接地址（点击后跳转到的页面路径）：

按照上述的四个步骤，就能够添加热点链接，保存后就可以看到效果。在这里还讲一个额外的话题：

在点击热点区域的链接时，会出现一个蓝色的框框，如果不希望显示那个篮框，如何取消点击时出现的框框？

取消的方法也很简单，只需添加“onFocus="this.blur()"”，如下图：