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

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

Html教程

图片热点链接如何设置,如何取消点击时出现的框框

作者:qvdv 来源: 更新时间:2022-08-30

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

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

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

 

插入图片

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

选择图片属性

 

4、选择热点工具的,这里以“圆形热点工具”为例(可以根据自己的需求,选择“矩形热点工具、圆形热点工具、多边形热点工具”):

 

选择热点工具形状

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

 

 

勾勒出特点区域

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

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

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


取消热点区域单击框

 

 

 

本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-wdl-742.html