原文:如何为图片添加热点链接?(map + area)

所谓图片热点链接就是为图片指定一个或多个区域以实现点击跳转到指定的页面。简单来说就是点击某一区域就能跳转到相应的页面,而无需点击整个图片才能跳转。 说到图片热点链接,我首先想到了map area,当然了,可能还有其他方法也能实现。 以前只是知道有这个功能,但是具体如何实现却没有去真正的了解。由于工作需要,今天稍微了解了下,发现这个功能其实蛮实用的,尤其是在网页banner广告位中想实现点击指定区 ...

2017-12-28 12:03 0 3936 推荐指数:

查看详情

使用DW工具给图片添加热点MAP

一、准备一张图片。 准备一张需要给不同区域添加不同热点图片。 二、插入图片: 打开Dreamweaver,新建一个网页,将图片插入到页面中。 三、找到地图工具: 单击鼠标左键点击图片,这时候软件下方的属性面板就会变成和图片相关的属性,注意看左下角部分,如图 ...

Thu Sep 04 18:33:00 CST 2014 0 4522
html5 图片热点areamap的用法

今天看了一个html5在图片上面创建热点的标签,所谓图片热点就是给你一张图片然后你可以设置点击图片不同的位置进入不同的链接!如果下面是一张图片的话,里面在长方形、圆形、三角形区域都可以进入其他网页! 下面,我们来实例介绍maparea这些标签的用法 ...

Sat Nov 14 18:43:00 CST 2015 0 2343
html area图片热点

热点图片区域制作(在线制作):http://imagemap-generator.dariodomi.de/ 1、插入图片,并设置好图像的有关参数,且在>标记中设置参数usemap="#Map",以表示对图像地图(Map)的引用; 2、用<map>标记设定图像地图 ...

Mon Jul 03 20:20:00 CST 2017 0 1806
图片热点的使用,html <area> 的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: <area class=type id=Value href=url ...

Fri Mar 16 17:57:00 CST 2012 0 3652
使用Dreamweaver在一张图片添加多个热点链接

所有代码: 1、新建HTML文件 2、点击设计 3、在图片上右击属性 4、选中相应的区域,在下面输入链接和打开方式 HTML链接用法 文章来源:每天进步网 ...

Tue Aug 21 04:36:00 CST 2018 0 878
HTML图片热区map area的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: shape和coords:是两个主要的参数 ...

Wed Sep 25 01:11:00 CST 2013 1 54753
HTML图片热区map area的用法

<area>标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构 ...

Thu Jun 15 17:47:00 CST 2017 0 5655
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM