需要在一张图片上设置多个能点击跳转的链接区域时，推荐使用网页的热点链接。
参考代码如下：
<map name="Map" id="Map"><area shape="rect" coords="89,41,379,136" href="#" target="baidu.com" />
<area shape="rect" coords="89,175,394,264" href="#" />
<area shape="rect" coords="95,293,386,355" href="#" />
</map>
网页热点使用方法：
个人推荐Dreamwever可视化操作来创建网页热点。
1、打开Dreamwever，新建一个页面，插入一张图片，
2、使用左下角的热点工具。
3、点击“矩形”或其他热点工具，再在图片上拖动位置
4、选中其中一个热点，在下方的属性窗口中的链接栏填上你的链接，热点链接就创建完成了。
首先很高兴为你回答， 这也是一个相对URL,虽然与前一个有点不同。 此URL与当前路径相关。 这意味着它将根据您在站点中的位置解析到不同的路径。 例如,当您在页面http://yourdomain.com html网页设置图片局部链接要利用Dreamweaver的【设计】功能； 设置热区容易重复，要留意代码是否有多行，将多余的热区删除设置两个框，第一个框的代码写在该网站HTML代码的最前面，另一个则放在最后面就行了，然后可以将框的您看这样可以不设置锚点
跳转到锚点
……
当然这个是没有动画效果的，需要js css才能实现动画
搜索html的锚点连接
从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了 比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置
现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行
先上一段 页面获取参数的 通用js
代码很简单 就是根据当前url 获取其中想要的参数的值。
