淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 967|回复: 17
收起左侧

[装修相关] 为什么我热点地图取的名字都不一样但是有的链接还是打...

[复制链接]
  • TA的每日心情
    大哭
    2015-11-5 14:34
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    27

    帖子

    2121

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2121

    发表于 2015-8-17 09:15:22 | 显示全部楼层 |阅读模式
    新手美工一名,有个问题困扰了好久了!!每次我做热点的时候地图名字都取的不一样,但是比如做了8个热点,就有两个打不开,剩下6个可以正常打开,在自定义装修板块这边,用DW预览的时候都好好的,每次都这样让我好郁闷啊,一个板块要调好久才可以,都不知道是什么问题,请各位大神帮忙解答一下,谢谢。下面这边是我的代码,麻烦各位帮我看一下,谢谢了。在线等解答
    1. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    2. <!-- Save for Web Slices (quan.psd) -->
    3. <table id="__01" width="950" height="750" border="0" cellpadding="0" cellspacing="0">
    4.   <tr>
    5.     <td>
    6.       <img src="http://img.china.alibaba.com/img/ibank/2015/154/942/2388249451_473052865.jpg" width="230" height="10" alt=""></td>
    7.     <td>
    8.       <img src="http://img.china.alibaba.com/img/ibank/2015/825/051/2387150528_473052865.jpg" width="10" height="10" alt=""></td>
    9.     <td>
    10.       <img src="http://img.china.alibaba.com/img/ibank/2015/453/266/2384662354_473052865.jpg" width="230" height="10" alt=""></td>
    11.     <td>
    12.       <img src="http://img.china.alibaba.com/img/ibank/2015/259/356/2384653952_473052865.jpg" width="10" height="10" alt=""></td>
    13.     <td>
    14.       <img src="http://img.china.alibaba.com/img/ibank/2015/605/351/2387153506_473052865.jpg" width="230" height="10" alt=""></td>
    15.     <td>
    16.       <img src="http://img.china.alibaba.com/img/ibank/2015/605/351/2387153506_473052865.jpg" width="10" height="10" alt=""></td>
    17.     <td>
    18.       <img src="http://img.china.alibaba.com/img/ibank/2015/807/656/2384656708_473052865.jpg" width="230" height="10" alt=""></td>
    19.   </tr>
    20.   <tr>
    21.     <td>
    22.       <img src="http://img.china.alibaba.com/img/ibank/2015/655/956/2384659556_473052865.jpg" width="230" height="310" alt=""></td>
    23.     <td>
    24.       <img src="http://img.china.alibaba.com/img/ibank/2015/856/342/2388243658_473052865.jpg" width="10" height="310" alt=""></td>
    25.     <td>
    26.       <img src="http://img.china.alibaba.com/img/ibank/2015/575/642/2388246575_473052865.jpg" width="230" height="310" alt=""></td>
    27.     <td>
    28.       <img src="http://img.china.alibaba.com/img/ibank/2015/473/552/2388255374_473052865.jpg" width="10" height="310" alt=""></td>
    29.     <td>
    30.       <img src="http://img.china.alibaba.com/img/ibank/2015/687/441/2387144786_473052865.jpg" width="230" height="310" alt=""></td>
    31.     <td>
    32.       <img src="http://img.china.alibaba.com/img/ibank/2015/285/741/2387147582_473052865.jpg" width="10" height="310" alt=""></td>
    33.     <td>
    34.       <img src="http://i05.c.aliimg.com/img/ibank/2015/707/991/2388199707_473052865.jpg" width="230" height="310" alt=""></td>
    35.   </tr>
    36.   <tr>
    37.     <td>
    38. <img src="http://img.china.alibaba.com/img/ibank/2015/295/051/2387150592_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map"></td>
    39.     <td>
    40.       <img src="http://img.china.alibaba.com/img/ibank/2015/203/566/2384665302_473052865.jpg" width="10" height="50" alt=""></td>
    41.     <td>
    42. <img src="http://img.china.alibaba.com/img/ibank/2015/514/266/2384662415_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map2"></td>
    43.     <td>
    44.       <img src="http://img.china.alibaba.com/img/ibank/2015/110/651/2387156011_473052865.jpg" width="10" height="50" alt=""></td>
    45.     <td>
    46. <img src="http://i01.c.aliimg.com/img/ibank/2015/665/351/2387153566_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map3"></td>
    47.     <td>
    48.       <img src="http://i02.c.aliimg.com/img/ibank/2015/177/656/2384656771_473052865.jpg" width="10" height="50" alt=""></td>
    49.     <td>
    50. <img src="http://i00.c.aliimg.com/img/ibank/2015/995/956/2384659599_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map4"></td>
    51.   </tr>
    52.   <tr>
    53.     <td>
    54.       <img src="http://i01.c.aliimg.com/img/ibank/2015/796/342/2388243697_473052865.jpg" width="230" height="10" alt=""></td>
    55.     <td>
    56.       <img src="http://i02.c.aliimg.com/img/ibank/2015/516/642/2388246615_473052865.jpg" width="10" height="10" alt=""></td>
    57.     <td>
    58.       <img src="http://i01.c.aliimg.com/img/ibank/2015/514/552/2388255415_473052865.jpg" width="230" height="10" alt=""></td>
    59.     <td>
    60.       <img src="http://i03.c.aliimg.com/img/ibank/2015/593/252/2388252395_473052865.jpg" width="10" height="10" alt=""></td>
    61.     <td>
    62.       <img src="http://i02.c.aliimg.com/img/ibank/2015/418/441/2387144814_473052865.jpg" width="230" height="10" alt=""></td>
    63.     <td>
    64.       <img src="http://i04.c.aliimg.com/img/ibank/2015/016/741/2387147610_473052865.jpg" width="10" height="10" alt=""></td>
    65.     <td>
    66.       <img src="http://i00.c.aliimg.com/img/ibank/2015/645/942/2388249546_473052865.jpg" width="230" height="10" alt=""></td>
    67.   </tr>
    68.   <tr>
    69.     <td>
    70.       <img src="http://img.china.alibaba.com/img/ibank/2015/527/691/2388196725_473052865.jpg" width="230" height="310" alt=""></td>
    71.     <td>
    72.       <img src="http://i05.c.aliimg.com/img/ibank/2015/333/566/2384665333_473052865.jpg" width="10" height="310" alt=""></td>
    73.     <td>
    74.       <img src="http://i00.c.aliimg.com/img/ibank/2015/144/266/2384662441_473052865.jpg" width="230" height="310" alt=""></td>
    75.     <td>
    76.       <img src="http://i01.c.aliimg.com/img/ibank/2015/930/651/2387156039_473052865.jpg" width="10" height="310" alt=""></td>
    77.     <td>
    78.       <img src="http://i00.c.aliimg.com/img/ibank/2015/795/351/2387153597_473052865.jpg" width="230" height="310" alt=""></td>
    79.     <td>
    80.       <img src="http://i02.c.aliimg.com/img/ibank/2015/797/656/2384656797_473052865.jpg" width="10" height="310" alt=""></td>
    81.     <td>
    82.       <img src="http://i02.c.aliimg.com/img/ibank/2015/926/956/2384659629_473052865.jpg" width="230" height="310" alt=""></td>
    83.   </tr>
    84.   <tr>
    85.     <td>
    86. <img src="http://i04.c.aliimg.com/img/ibank/2015/137/342/2388243731_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map5"></td>
    87.     <td>
    88.       <img src="http://i04.c.aliimg.com/img/ibank/2015/846/642/2388246648_473052865.jpg" width="10" height="40" alt=""></td>
    89.     <td>
    90.     <img src="http://i02.c.aliimg.com/img/ibank/2015/444/552/2388255444_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map6"></td>
    91.     <td>
    92.       <img src="http://i04.c.aliimg.com/img/ibank/2015/624/252/2388252426_473052865.jpg" width="10" height="40" alt=""></td>
    93.     <td>
    94.     <img src="http://i02.c.aliimg.com/img/ibank/2015/148/441/2387144841_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map7"></td>
    95.     <td>
    96.       <img src="http://i04.c.aliimg.com/img/ibank/2015/046/741/2387147640_473052865.jpg" width="10" height="40" alt=""></td>
    97.     <td>
    98.       <img src="http://i02.c.aliimg.com/img/ibank/2015/965/942/2388249569_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map8"></td>
    99.   </tr>
    100.   <tr>
    101.     <td>
    102.       <img src="http://img.china.alibaba.com/img/ibank/2015/936/051/2387150639_473052865.jpg" width="230" height="20" alt=""></td>
    103.     <td>
    104.       <img src="http://i02.c.aliimg.com/img/ibank/2015/453/566/2384665354_473052865.jpg" width="10" height="20" alt=""></td>
    105.     <td>
    106.       <img src="http://i03.c.aliimg.com/img/ibank/2015/864/266/2384662468_473052865.jpg" width="230" height="20" alt=""></td>
    107.     <td>
    108.       <img src="http://img.china.alibaba.com/img/ibank/2015/160/651/2387156061_473052865.jpg" width="10" height="20" alt=""></td>
    109.     <td>
    110.       <img src="http://img.china.alibaba.com/img/ibank/2015/616/351/2387153616_473052865.jpg" width="230" height="20" alt=""></td>
    111.     <td>
    112.       <img src="http://img.china.alibaba.com/img/ibank/2015/728/656/2384656827_473052865.jpg" width="10" height="20" alt=""></td>
    113.     <td>
    114.       <img src="http://i05.c.aliimg.com/img/ibank/2015/284/822/2387228482_473052865.jpg" width="230" height="20" alt=""></td>
    115.   </tr>
    116. </table>
    117. <!-- End Save for Web Slices -->

    118. <map name="Map">
    119.   <area shape="rect" coords="28,5,202,40"  target="_blank">
    120. </map>

    121. <map name="Map2">
    122.   <area shape="rect" coords="35,5,206,41"  target="_blank">
    123. </map>

    124. <map name="Map3">
    125.   <area shape="rect" coords="32,6,207,40"  target="_blank">
    126. </map>



    127. <map name="Map4">
    128.   <area shape="rect" coords="30,6,202,39"  target="_blank">
    129. </map>

    130. <map name="Map5">
    131.   <area shape="rect" coords="27,5,202,39"  target="_blank">
    132. </map>

    133. <map name="Map6">
    134.   <area shape="rect" coords="33,4,208,40" href="<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">" target="_blank">
    135. </map>

    136. <map name="Map7">
    137.   <area shape="rect" coords="34,4,206,41"  target="_blank">
    138. </map>

    139. <map name="Map8">
    140.   <area shape="rect" coords="32,6,207,38"  target="_blank">
    141. </map>
    复制代码



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-8-17 09:57:03 | 显示全部楼层
    愚蠢的熊猫 发表于 2015-8-17 09:42
    切片的意思是不用弄热点吗?我是新手什么都不懂……刚出来做这个工作的……

    ...

    热点的作用是在一个大图的不同区域每个区域做一个链接,你既然切片了,就是几个图片了,再做热点就没有任何意义了

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    大哭
    2015-11-5 14:34
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    27

    帖子

    2121

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2121

     楼主| 发表于 2015-8-17 09:16:15 | 显示全部楼层
    map4和map6打不开,其他都可以

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2016-1-20 13:47
  • 签到天数: 179 天

    连续签到: 1 天

    [LV.7]炉火纯青

    7

    主题

    247

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31290

    QQ
    发表于 2015-8-17 09:23:02 | 显示全部楼层
    把名字重新命下   命什么都可能

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    无奈
    2016-11-21 19:37
  • 签到天数: 289 天

    连续签到: 2 天

    [LV.8]自成一派

    53

    主题

    2463

    帖子

    8万

    积分

    超级版主

    阅读权限: 150

    超级大菜鸟

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    积分
    88730

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    发表于 2015-8-17 09:25:02 | 显示全部楼层
    个人测试.
    1.   <area shape="rect" coords="33,4,208,40" href="<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">" target="_blank">
    复制代码

    乱入的" target="_blank">是几个意思?
    1. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    2. <!-- Save for Web Slices (quan.psd) -->
    3. <table id="__01" width="950" height="750" border="0" cellpadding="0" cellspacing="0">
    4.   <tr>
    5.     <td>
    6.       <img src="http://img.china.alibaba.com/img/ibank/2015/154/942/2388249451_473052865.jpg" width="230" height="10" alt=""></td>
    7.     <td>
    8.       <img src="http://img.china.alibaba.com/img/ibank/2015/825/051/2387150528_473052865.jpg" width="10" height="10" alt=""></td>
    9.     <td>
    10.       <img src="http://img.china.alibaba.com/img/ibank/2015/453/266/2384662354_473052865.jpg" width="230" height="10" alt=""></td>
    11.     <td>
    12.       <img src="http://img.china.alibaba.com/img/ibank/2015/259/356/2384653952_473052865.jpg" width="10" height="10" alt=""></td>
    13.     <td>
    14.       <img src="http://img.china.alibaba.com/img/ibank/2015/605/351/2387153506_473052865.jpg" width="230" height="10" alt=""></td>
    15.     <td>
    16.       <img src="http://img.china.alibaba.com/img/ibank/2015/605/351/2387153506_473052865.jpg" width="10" height="10" alt=""></td>
    17.     <td>
    18.       <img src="http://img.china.alibaba.com/img/ibank/2015/807/656/2384656708_473052865.jpg" width="230" height="10" alt=""></td>
    19.   </tr>
    20.   <tr>
    21.     <td>
    22.       <img src="http://img.china.alibaba.com/img/ibank/2015/655/956/2384659556_473052865.jpg" width="230" height="310" alt=""></td>
    23.     <td>
    24.       <img src="http://img.china.alibaba.com/img/ibank/2015/856/342/2388243658_473052865.jpg" width="10" height="310" alt=""></td>
    25.     <td>
    26.       <img src="http://img.china.alibaba.com/img/ibank/2015/575/642/2388246575_473052865.jpg" width="230" height="310" alt=""></td>
    27.     <td>
    28.       <img src="http://img.china.alibaba.com/img/ibank/2015/473/552/2388255374_473052865.jpg" width="10" height="310" alt=""></td>
    29.     <td>
    30.       <img src="http://img.china.alibaba.com/img/ibank/2015/687/441/2387144786_473052865.jpg" width="230" height="310" alt=""></td>
    31.     <td>
    32.       <img src="http://img.china.alibaba.com/img/ibank/2015/285/741/2387147582_473052865.jpg" width="10" height="310" alt=""></td>
    33.     <td>
    34.       <img src="http://i05.c.aliimg.com/img/ibank/2015/707/991/2388199707_473052865.jpg" width="230" height="310" alt=""></td>
    35.   </tr>
    36.   <tr>
    37.     <td>
    38. <img src="http://img.china.alibaba.com/img/ibank/2015/295/051/2387150592_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map"></td>
    39.     <td>
    40.       <img src="http://img.china.alibaba.com/img/ibank/2015/203/566/2384665302_473052865.jpg" width="10" height="50" alt=""></td>
    41.     <td>
    42. <img src="http://img.china.alibaba.com/img/ibank/2015/514/266/2384662415_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map2"></td>
    43.     <td>
    44.       <img src="http://img.china.alibaba.com/img/ibank/2015/110/651/2387156011_473052865.jpg" width="10" height="50" alt=""></td>
    45.     <td>
    46. <img src="http://i01.c.aliimg.com/img/ibank/2015/665/351/2387153566_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map3"></td>
    47.     <td>
    48.       <img src="http://i02.c.aliimg.com/img/ibank/2015/177/656/2384656771_473052865.jpg" width="10" height="50" alt=""></td>
    49.     <td>
    50. <img src="http://i00.c.aliimg.com/img/ibank/2015/995/956/2384659599_473052865.jpg" alt="" width="230" height="50" border="0" usemap="#Map4"></td>
    51.   </tr>
    52.   <tr>
    53.     <td>
    54.       <img src="http://i01.c.aliimg.com/img/ibank/2015/796/342/2388243697_473052865.jpg" width="230" height="10" alt=""></td>
    55.     <td>
    56.       <img src="http://i02.c.aliimg.com/img/ibank/2015/516/642/2388246615_473052865.jpg" width="10" height="10" alt=""></td>
    57.     <td>
    58.       <img src="http://i01.c.aliimg.com/img/ibank/2015/514/552/2388255415_473052865.jpg" width="230" height="10" alt=""></td>
    59.     <td>
    60.       <img src="http://i03.c.aliimg.com/img/ibank/2015/593/252/2388252395_473052865.jpg" width="10" height="10" alt=""></td>
    61.     <td>
    62.       <img src="http://i02.c.aliimg.com/img/ibank/2015/418/441/2387144814_473052865.jpg" width="230" height="10" alt=""></td>
    63.     <td>
    64.       <img src="http://i04.c.aliimg.com/img/ibank/2015/016/741/2387147610_473052865.jpg" width="10" height="10" alt=""></td>
    65.     <td>
    66.       <img src="http://i00.c.aliimg.com/img/ibank/2015/645/942/2388249546_473052865.jpg" width="230" height="10" alt=""></td>
    67.   </tr>
    68.   <tr>
    69.     <td>
    70.       <img src="http://img.china.alibaba.com/img/ibank/2015/527/691/2388196725_473052865.jpg" width="230" height="310" alt=""></td>
    71.     <td>
    72.       <img src="http://i05.c.aliimg.com/img/ibank/2015/333/566/2384665333_473052865.jpg" width="10" height="310" alt=""></td>
    73.     <td>
    74.       <img src="http://i00.c.aliimg.com/img/ibank/2015/144/266/2384662441_473052865.jpg" width="230" height="310" alt=""></td>
    75.     <td>
    76.       <img src="http://i01.c.aliimg.com/img/ibank/2015/930/651/2387156039_473052865.jpg" width="10" height="310" alt=""></td>
    77.     <td>
    78.       <img src="http://i00.c.aliimg.com/img/ibank/2015/795/351/2387153597_473052865.jpg" width="230" height="310" alt=""></td>
    79.     <td>
    80.       <img src="http://i02.c.aliimg.com/img/ibank/2015/797/656/2384656797_473052865.jpg" width="10" height="310" alt=""></td>
    81.     <td>
    82.       <img src="http://i02.c.aliimg.com/img/ibank/2015/926/956/2384659629_473052865.jpg" width="230" height="310" alt=""></td>
    83.   </tr>
    84.   <tr>
    85.     <td>
    86. <img src="http://i04.c.aliimg.com/img/ibank/2015/137/342/2388243731_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map5"></td>
    87.     <td>
    88.       <img src="http://i04.c.aliimg.com/img/ibank/2015/846/642/2388246648_473052865.jpg" width="10" height="40" alt=""></td>
    89.     <td>
    90.     <img src="http://i02.c.aliimg.com/img/ibank/2015/444/552/2388255444_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map6"></td>
    91.     <td>
    92.       <img src="http://i04.c.aliimg.com/img/ibank/2015/624/252/2388252426_473052865.jpg" width="10" height="40" alt=""></td>
    93.     <td>
    94.     <img src="http://i02.c.aliimg.com/img/ibank/2015/148/441/2387144841_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map7"></td>
    95.     <td>
    96.       <img src="http://i04.c.aliimg.com/img/ibank/2015/046/741/2387147640_473052865.jpg" width="10" height="40" alt=""></td>
    97.     <td>
    98.       <img src="http://i02.c.aliimg.com/img/ibank/2015/965/942/2388249569_473052865.jpg" alt="" width="230" height="40" border="0" usemap="#Map8"></td>
    99.   </tr>
    100.   <tr>
    101.     <td>
    102.       <img src="http://img.china.alibaba.com/img/ibank/2015/936/051/2387150639_473052865.jpg" width="230" height="20" alt=""></td>
    103.     <td>
    104.       <img src="http://i02.c.aliimg.com/img/ibank/2015/453/566/2384665354_473052865.jpg" width="10" height="20" alt=""></td>
    105.     <td>
    106.       <img src="http://i03.c.aliimg.com/img/ibank/2015/864/266/2384662468_473052865.jpg" width="230" height="20" alt=""></td>
    107.     <td>
    108.       <img src="http://img.china.alibaba.com/img/ibank/2015/160/651/2387156061_473052865.jpg" width="10" height="20" alt=""></td>
    109.     <td>
    110.       <img src="http://img.china.alibaba.com/img/ibank/2015/616/351/2387153616_473052865.jpg" width="230" height="20" alt=""></td>
    111.     <td>
    112.       <img src="http://img.china.alibaba.com/img/ibank/2015/728/656/2384656827_473052865.jpg" width="10" height="20" alt=""></td>
    113.     <td>
    114.       <img src="http://i05.c.aliimg.com/img/ibank/2015/284/822/2387228482_473052865.jpg" width="230" height="20" alt=""></td>
    115.   </tr>
    116. </table>
    117. <!-- End Save for Web Slices -->

    118. <map name="Map">
    119.   <area shape="rect" coords="28,5,202,40" href="#"  target="_blank">
    120. </map>

    121. <map name="Map2">
    122.   <area shape="rect" coords="35,5,206,41" href="#"  target="_blank">
    123. </map>

    124. <map name="Map3">
    125.   <area shape="rect" coords="32,6,207,40" href="#"  target="_blank">
    126. </map>



    127. <map name="Map4">
    128.   <area shape="rect" coords="30,6,202,39" href="#"  target="_blank">
    129. </map>

    130. <map name="Map5">
    131.   <area shape="rect" coords="27,5,202,39" href="#"  target="_blank">
    132. </map>

    133. <map name="Map6">
    134.   <area shape="rect" coords="33,4,208,40" href="#" target="_blank">
    135. </map>

    136. <map name="Map7">
    137.   <area shape="rect" coords="34,4,206,41" href="#"  target="_blank">
    138. </map>

    139. <map name="Map8">
    140.   <area shape="rect" coords="32,6,207,38" href="#"  target="_blank">
    141. </map>
    复制代码

    修改成这样子就没啥问题了.如果还有 你把map名字改成奇葩一点比如 xxx32az 确保不会起冲突.
    另外,你都切片好了为什么还要用热点,不是多此一举么.
  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2015-8-17 09:34:15 | 显示全部楼层
    不同的热点要设置不同的名称,最好以当前模块儿的内容进行命名,这样即容易维护,又不容易出现热点冲突的问题。
    因为热点图片是通过usemap属性来与热点的name属性联系,将热点区域及超链接映射到图片上对应区域的。如果一个页面有多个热点地图,但是所有热点名称都是Map,那么所有usemap="#Map"的图片都以第一个name="Map"的热点为准,这样就会出现热点失效的问题了。
    使用超链接添加链接锚机都会做,但是有些人用热点地图的时候竟然不会了。其实热点地图中的每一个area标记都相当于一个超链接,只不过是比a标签多了个热点区域参数coords="2,2,137,46"。那么热点添加链接锚记也是这样的:
    <area shape="rect" coords="1,91,91,121" href="#d" target="_self">
    <a name="d" id="d"> </a>
    一个Map热点地图中,相邻的area之间不要靠的太紧,最好留有一定的缝隙。如果后面需要调整热点区域的大小或位置的时候,热点区域之间的缝隙过小或相互覆盖,会很麻烦的。
    另:如果需要调整已经划分好的热点区域的话,需要先点击下图片外的空白区域,然后再点击相应的热点区域进行调整。
    热点失效,首先检查热点名称
    有些电商平台可能会屏蔽一定格式的超链接或者标签代码,也可能会造成热点无效

    评分

    参与人数 1美工币 +100 收起 理由
    Rain + 100 赞一个!

    查看全部评分

    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    大哭
    2015-11-5 14:34
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    27

    帖子

    2121

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2121

     楼主| 发表于 2015-8-17 09:42:29 | 显示全部楼层
    Rain 发表于 2015-8-17 09:25
    个人测试.

    乱入的" target="_blank">是几个意思?

    切片的意思是不用弄热点吗?我是新手什么都不懂……刚出来做这个工作的……

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

    发表于 2015-8-17 10:20:18 | 显示全部楼层
    我现在用热点的几率百分之0.1,宁可麻烦点切片

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-11 17:26
  • 签到天数: 658 天

    连续签到: 2 天

    [LV.9]已臻大成

    5

    主题

    245

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    115211

    最佳新人热心会员

    发表于 2015-8-17 10:28:29 | 显示全部楼层
    我路过看看解决了没
    红旗村 http://www.mvjin.taobao.com
  • TA的每日心情
    大哭
    2015-11-5 14:34
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    27

    帖子

    2121

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2121

     楼主| 发表于 2015-8-17 10:30:44 | 显示全部楼层
    乖乖兔 发表于 2015-8-17 10:20
    我现在用热点的几率百分之0.1,宁可麻烦点切片

    我也切图了……可是不知道为什么切图了就不用用热点了可以回答一下吗?切图之后怎么做才不用用热点

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-8 00:33 , Processed in 0.136339 second(s), 24 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表