淘宝店招导航条热点代码

 时间:2026-02-14 22:47:31

1、<img src="店招导航图片链接地址" alt="

<map name="Map">

  <area shape="rect" coords="1,120,105,149" href="所有商品链接">

  <area shape="rect" coords="106,120,210,149" href="首页链接地址">

  <area shape="rect" coords="211,120,315,149" href="自定义链接">

  <area shape="rect" coords="316,120,420,149" href="自定义链接">

  <area shape="rect" coords="421,120,525,149" href="自定义地址">

  <area shape="rect" coords="526,120,630,149" href="自定义链接">

  <area shape="rect" coords="631,120,735,149" href="自定义地址">

  <area shape="rect" coords="736,120,840,149" href="自定义链接">

  

</map>

淘宝店招导航条热点代码

2、热点的设置和修改方法,在ps里用矩形选框工具选择要加热点处,再按Ctrl+T

在信息栏看X,Y,W,H的参数,  并输入代码中,

<area shape="rect" coords="xyx+wy+h" href="链接地址">

修改效果如图。

淘宝店招导航条热点代码

3、代码的增加和删除 

增加热点的方法:将修改完成的代码复制粘贴到<map name="Map"></map>内。

删除热点的办法:选取不要的热点从<>包括尖括号删除或者剪切。

淘宝店招导航条热点代码

淘宝店招导航条热点代码

  • 淘宝gif动态店招怎么制作
  • 给店铺宝贝添加主图视频的入口在哪里?
  • 巧用浏览器快速保存整张淘宝产品详情页
  • 淘宝阿里店铺装修:[3]PS透气效果这么做
  • ps怎么切图并保存
  • 热门搜索
    清明节的手抄报 我读书我快乐手抄报 防溺水手抄报大全图片 交通安全手抄报 世界水日手抄报内容 关于读书的手抄报内容 春节英语手抄报 安全手抄报图片大全 阅读手抄报简单又漂亮 一年级手抄报