把图像热区跟链接关联起来
链接 关联 图像 起来
2023-06-13 09:11:17 时间
把图像热区跟链接关联起来
由 Ghostzhang 发表于 2007-07-20 18:46
在《Sample XHTML 1.0 document》里看到图像热区也可以跟链接关联到一起,即点热区和点链接是一样的地址。看下具体的玩法。
正常的玩法:
- Result
- HTML
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRQvhdnv0jPrvemdtnBh58ryzRJ2CcUUkM1o5hU1jHSHo-56OmY" alt="image" usemap="#map" height="100" width="100">
<div>
<map xml:lang="en" dir="ltr" id="map" class="map" title="map" name="map" lang="en">
<area href="#1" shape="rect" coords="0,0,50,50" alt="map1" title="map1">
<area href="#2" shape="rect" coords="50,0,100,50" alt="map2" title="map2">
<area href="#3" shape="rect" coords="0,50,50,100" alt="map3" title="map3">
<area shape="rect" coords="50,50,100,100" href="#4" alt="map4" title="map4">
</map>
</div>
关联链接:
- HTML
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRQvhdnv0jPrvemdtnBh58ryzRJ2CcUUkM1o5hU1jHSHo-56OmY" alt="image" usemap="#map2" height="100" width="100">
<div>
<map xml:lang="en" dir="ltr" id="map2" class="map" title="map" name="map2" lang="en">
<ul>
<li><a href="#" shape="rect" coords="0,0,50,50">map1</a>
</li>
<li><a href="#" shape="rect" coords="50,0,100,50">map2</a>
</li>
<li><a href="#" shape="rect" coords="0,50,50,100">map3</a>
</li><li><a href="#" shape="rect" coords="50,50,100,100">map4</a>
</li>
</ul>
</map>
</div>
相关文章
- Nessus 安装文件和详细教程(kali系统,附网盘下载链接)[通俗易懂]
- WordPress 自助链接插件
- 数据库实现Java程序与Oracle数据库的连接(java链接oracle)
- Linux下连接MySQL数据库实战指南(linux链接mysql)
- 使用JDBC连接SQLServer数据库(jdbc链接sqlserver)
- 据库Linux玩转数据库:简单链接实现智能化操作(linux 链接数)
- 何时手机redis无法获取链接(手机redis无法获取链接)
- 库使用CMD链接MySQL数据库的简单步骤(cmd链接mysql数据)
- 使用ASP链接MySQL实现快速查表(asp链接mysql查表)
- CL链接MySQL技术最快速业务数据联接方式(c l链接mysql)
- 库C语言使用Oracle链接类库实现数据库操作(c oracle链接类)
- 如何关闭Redis链接简单且有效的操作指南(如何关闭redis链接)
- 快速轻松更改Redis链接地址(修改redis链接地址)
- 导致的问题Redis连接过多引发的危害(redis 链接太多)
- Redis连接实例一步步构建你的社交网络(redis 链接demo)