淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 752|回复: 6
收起左侧

[装修相关] 淘宝自定义页面锚点(自身楼层跳转)

[复制链接]
  • TA的每日心情
    加油
    2016-4-14 17:38
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    17

    主题

    367

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30563

    发表于 2015-10-28 10:04:45 | 显示全部楼层 |阅读模式
    做了锚点。贴淘宝。没有屏蔽。但是不起作用。直接在网页运行可以。代码如下。求指点迷津。
    1. <div style="height:16841px;">
    2.   <div class="footer-more-trigger" style="padding:0px;left:50%;top:-2px;">
    3.     <div class="footer-more-trigger" style="padding:0px;left:-917px;top:-2px;">
    4.         <div border="0" margin="0" padding="0">
    5.                <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2.TkYgpXXXXbgXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_02.jpg"/>
    6.          
    7.               <img src="https://img.alicdn.com/imgextra/i4/2408355699/TB2aqxagFXXXXafXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_03.jpg"/>
    8.          
    9.               <img src="https://img.alicdn.com/imgextra/i3/2408355699/TB2t94tgFXXXXahXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_04.jpg"/>
    10.          
    11.               <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2r_lqgFXXXXaKXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_05.jpg"/>
    12.          
    13.               <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2sPpkgFXXXXcuXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_06.jpg"/>
    14.          
    15.                <img src="https://img.alicdn.com/imgextra/i4/2408355699/TB29gA2gpXXXXbNXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_07.jpg" usemap="#Map" border="0"/>
    16.                              <map name="Map" id="Map">
    17.                                <area shape="rect" coords="452,224,575,313" href="#notebook" target="_self" />
    18.                                <area shape="rect" coords="998,230,1158,312" href="#pen" target="_self" />
    19.                                <area shape="rect" coords="1196,223,1347,311" href="#keychain" target="_self" />
    20. <area shape="rect" coords="606,227,770,313" href="#packet" target="_self" />
    21.                                <area shape="rect" coords="806,224,963,315" href="#cardcase" target="_self" />
    22.                              </map>
    23.                              <img src="https://img.alicdn.com/imgextra/i4/2408355699/TB20rk_gpXXXXa_XpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_08.jpg"/>
    24.          
    25.                <a name="notebook"></a><img src="https://img.alicdn.com/imgextra/i1/2408355699/TB26FlmgFXXXXb9XXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_09.jpg"/>
    26.          
    27.               <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2G7lbgFXXXXXtXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_10.jpg" usemap="#Map2" border="0"/>
    28.                             <map name="Map2" id="Map2"><area shape="rect" coords="456,390,753,744" href="#" /><area shape="rect" coords="766,390,1063,744" href="#" /><area shape="rect" coords="1078,390,1375,744" href="#" /><area shape="rect" coords="1078,21,1375,375" href="#" /><area shape="rect" coords="766,21,1063,375" href="#" />
    29.                               <area shape="rect" coords="456,21,753,375" href="#" />
    30.           </map>
    31.          
    32.                <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2DH7_gpXXXXaNXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_11.jpg" usemap="#Map3" border="0"/>
    33.           <map name="Map3" id="Map3"><area shape="rect" coords="1077,749,1375,1101" href="#" /><area shape="rect" coords="766,748,1064,1100" href="#" /><area shape="rect" coords="455,750,753,1102" href="#" /><area shape="rect" coords="454,381,752,733" href="#" /><area shape="rect" coords="765,379,1063,731" href="#" /><area shape="rect" coords="1076,380,1374,732" href="#" /><area shape="rect" coords="1077,9,1375,361" href="#" /><area shape="rect" coords="766,8,1064,360" href="#" />
    34.                                <area shape="rect" coords="455,10,753,362" href="#" />
    35.           </map>
    36.          
    37.       <a name="packet"></a><img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2B4BrgFXXXXaQXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_12.jpg"/>
    38.          
    39.                <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2Gd35gpXXXXbWXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_13.jpg"/>
    40.          
    41.                <a name="cardcase"></a><img src="https://img.alicdn.com/imgextra/i3/2408355699/TB2lIBvgFXXXXXOXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_14.jpg"/>
    42.          
    43.               <img src="https://img.alicdn.com/imgextra/i4/2408355699/TB2ksxggFXXXXXbXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_15.jpg" usemap="#Map4" border="0"/>
    44.                             <map name="Map4" id="Map4"><area shape="rect" coords="1077,386,1376,742" href="#" /><area shape="rect" coords="765,386,1064,742" href="#" /><area shape="rect" coords="454,387,753,743" href="#" /><area shape="rect" coords="1077,15,1376,371" href="#" /><area shape="rect" coords="765,15,1064,371" href="#" />
    45.                               <area shape="rect" coords="454,16,753,372" href="#" />
    46.                             </map>
    47.          
    48.                <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2RDc2gpXXXXcGXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_16.jpg" usemap="#Map5" border="0"/>
    49.                              <map name="Map5" id="Map5"><area shape="rect" coords="921,54,1144,342" href="#" /><area shape="rect" coords="1155,54,1378,342" href="#" /><area shape="rect" coords="686,55,909,343" href="#" />
    50.                                <area shape="rect" coords="452,55,675,343" href="#" />
    51.                              </map>
    52.          
    53.                <a name="pen"></a><img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2rDhtgFXXXXafXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_17.jpg"/>
    54.          
    55.                <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2yVJogFXXXXbHXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_18.jpg" usemap="#Map6" border="0"/>
    56.                              <map name="Map6" id="Map6"><area shape="rect" coords="453,384,751,740" href="#" /><area shape="rect" coords="764,385,1062,741" href="#" /><area shape="rect" coords="1076,383,1374,739" href="#" /><area shape="rect" coords="1077,14,1375,370" href="#" /><area shape="rect" coords="765,16,1063,372" href="#" />
    57.                                <area shape="rect" coords="454,15,752,371" href="#" />
    58.                              </map>
    59.          
    60.               <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2V88pgFXXXXa.XXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_19.jpg" usemap="#Map7" border="0"/>
    61.           <map name="Map7" id="Map7"><area shape="rect" coords="456,377,753,732" href="#" /><area shape="rect" coords="766,376,1063,731" href="#" /><area shape="rect" coords="1080,378,1377,733" href="#" /><area shape="rect" coords="1078,9,1375,364" href="#" /><area shape="rect" coords="764,7,1061,362" href="#" />
    62.                               <area shape="rect" coords="454,8,751,363" href="#" />
    63.                             </map>
    64.             
    65.                <a name="keychain"></a><img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2iwBdgFXXXXc4XXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_20.jpg"/>
    66.             
    67.               <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2HnldgFXXXXXEXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_21.jpg" usemap="#Map8" border="0"/>
    68.                             <map name="Map8" id="Map8"><area shape="rect" coords="1075,345,1375,664" href="#" /><area shape="rect" coords="763,344,1063,663" href="#" /><area shape="rect" coords="450,345,750,664" href="#" /><area shape="rect" coords="1077,16,1377,335" href="#" /><area shape="rect" coords="765,15,1065,334" href="#" />
    69.                               <area shape="rect" coords="452,16,752,335" href="#" />
    70.                             </map>
    71.             
    72.               <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2wqFdgFXXXXXDXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_22.jpg"/>
    73.          
    74.               <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB2GCFcgFXXXXXzXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_23.jpg"/>
    75.          
    76.                <img src="https://img.alicdn.com/imgextra/i2/2408355699/TB269JngFXXXXbxXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_24.jpg"/>
    77.          
    78.               <img src="https://img.alicdn.com/imgextra/i3/2408355699/TB24ZVwgFXXXXXGXXXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_25.jpg"/>
    79.          
    80.               <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2qlM8gpXXXXblXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_26.jpg"/>
    81.         
    82.               <img src="https://img.alicdn.com/imgextra/i1/2408355699/TB2urA_gpXXXXaQXpXXXXXXXXXX_!!2408355699.jpg" alt=" 双十一页面2015天猫最终版_27.jpg"/>
    83.                             </div>
    84.         
    复制代码



    人生无常。何必太在意。
  • TA的每日心情
    加油
    2016-4-14 17:38
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    17

    主题

    367

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30563

     楼主| 发表于 2015-10-28 10:07:08 | 显示全部楼层
    15行到22行是锚点链接。锚点下在25、37、41、53、65行。。。
    人生无常。何必太在意。
  • TA的每日心情
    臭美
    2016-5-14 12:22
  • 签到天数: 35 天

    连续签到: 1 天

    [LV.5]略有小成

    23

    主题

    311

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    67946

    天猫美工最佳新人热心会员宣传达人

    发表于 2015-10-28 10:25:44 | 显示全部楼层
    淘宝只加载屏幕所显示的内容  如果你想要你的锚点代码正常点击  那么你就必须把网页拉到底部 等加载
    怎么在图片里面插入视频然后上传天猫
  • TA的每日心情
    大哭
    前天 08:47
  • 签到天数: 963 天

    连续签到: 5 天

    [LV.10]功行圆满

    16

    主题

    1120

    帖子

    22万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    221901

    最佳新人热心会员宣传达人

    发表于 2015-10-28 11:27:40 | 显示全部楼层
    这个问题 论坛有解决办法 搜下

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


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

  • TA的每日心情

    昨天 10:23
  • 签到天数: 209 天

    连续签到: 2 天

    [LV.7]炉火纯青

    31

    主题

    1312

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    38205

    热心会员最佳新人

    QQ
    发表于 2015-10-28 13:56:55 | 显示全部楼层
    我母鸡哦
    当断不断,必受其乱
  • TA的每日心情
    无奈
    3 天前
  • 签到天数: 439 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    2010

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    14229

    最佳新人热心会员活跃会员优秀版主灌水之王

    发表于 2015-10-28 14:03:45 | 显示全部楼层
    这么长放在一个自定义模块?????好吧,你赢了。我一般都是利用淘宝自定义模块做描点,嘿,你还别说,跳转着可灵光了,以每小时40000迈的速度跳转

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


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

  • TA的每日心情
    无奈
    2016-11-5 09:19
  • 签到天数: 141 天

    连续签到: 1 天

    [LV.7]炉火纯青

    2

    主题

    400

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27179

    发表于 2015-10-28 14:08:46 | 显示全部楼层

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 18:05 , Processed in 0.115061 second(s), 16 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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