图片上的菜单连接

来源:互联网 发布:汉字 淘汰 知乎 编辑:程序博客网 时间:2024/04/29 23:32



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
</head>
<body>
<table width="1000" height="650" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="430"> 
    <table width="430" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="syleft.jpg" width="430" height="614" border="0" usemap="#syMap" /></td>
      </tr>
</table> 
<map name="syMap" id="syMap">
<area shape="rect" coords="338,44,417,62" href="about.asp" alt="关于我们"/>
<area shape="rect" coords="338,94,417,112" href="Otype.asp?owen1=%D0%C2%CE%C5%D7%CA%D1%B6" alt="新闻资讯"/>
<area shape="rect" coords="338,143,415,166" href="web.asp" alt="域名注册"/>
<area shape="rect" coords="338,194,416,217" href="Product.asp?BigClassName=%D0%E9%C4%E2%D6%F7%BB%FA" alt="虚拟主机"/>
<area shape="rect" coords="338,239,416,269" href="Product1.asp?BigClassName=%CD%F8%D5%BE%CD%C6%B9%E3" alt="网站推广"/>
<area shape="rect" coords="338,288,417,315" href="history.asp" alt="企业邮局"/>
<area shape="rect" coords="338,369,416,346" href="img.asp" alt="案例展示"/>
<area shape="rect" coords="338,388,416,418" href="Product2.asp?BigClassName=%D3%C5%BB%DD%CC%D7%B2%CD" alt="优惠套餐"/>
<area shape="rect" coords="338,507,416,539" href="contact.asp" />
<area shape="rect" coords="338,437,414,469" href="Structure.asp" alt="合作代理"/> 
<area shape="rect" coords="338,493,416,514" href="contact.asp" alt="联系我们"/> 
</map> </td>
    <td>
     <table width="570" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="syright.jpg" width="570" height="614" border="0" usemap="#Map" /></td>
          </tr>
     </table>
    </td>
  </tr>
</table>
</body>
</html>
 
 
方法:
338,44,417,62
338 距离图片左边的距离
44 距离图片上边的距离
417=338+图片的宽度
62=44+图片高度
0 0
原创粉丝点击