需要在一张图片上设置多个能点击跳转的链接区域时,推荐使用网页的热点链接。
参考代码如下:
<map name="Map" id="Map"><area shape="rect" coords="89,41,379,136" href="#" target="baidu.com" />
<area shape="rect" coords="89,175,394,264" href="#" />
<area shape="rect" coords="95,293,386,355" href="#" />
</map>
网页热点使用方法:
个人推荐Dreamwever可视化 *** 作来创建网页热点。
1、打开Dreamwever,新建一个页面,插入一张图片,
2、使用左下角的热点工具。
3、点击“矩形”或其他热点工具,再在图片上拖动位置
4、选中其中一个热点,在下方的属性窗口中的链接栏填上你的链接,热点链接就创建完成了。
首先很高兴为你回答, 这也是一个相对URL,虽然与前一个有点不同。 此URL与当前路径相关。 这意味着它将根据您在站点中的位置解析到不同的路径。 例如,当您在页面http://yourdomain.com html网页设置图片局部链接要利用Dreamweaver的【设计】功能; 设置热区容易重复,要留意代码是否有多行,将多余的热区删除设置两个框,第一个框的代码写在该网站HTML代码的最前面,另一个则放在最后面就行了,然后可以将框的您看这样可以不在“西瓜:西瓜是水果。”前面添加 一个锚记
<a name="xigua" id="xigua"></a>
========================
在西瓜图片 所有的超链接中<a href="介绍.html#xiguan"><img src="西瓜.jpg"><img>西瓜</a>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)