html表单里面的图片点击相应图片跳转到本页其他去看代码怎么写？

需要在一张图片上设置多个能点击跳转的链接区域时，推荐使用网页的热点链接。

参考代码如下：

<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、选中其中一个热点，在下方的属性窗口中的链接栏填上你的链接，热点链接就创建完成了。

设置锚点

跳转到锚点 

……

当然这个是没有动画效果的，需要js css才能实现动画

搜索html的锚点连接

从一个页面跳转到另一个页面的指定位置 如果不带平滑移动的效果 很容易 加个 锚点就行了  比如 想跳到 mao.aspx 的页面 的div id="s" 的位置    那么   只用<a href="mao.aspx#s"> 就可实现跳转到指定位置

现在为了增加用户体验  跳转到页面后  平滑移动到该位置  怎么做呢  其实也很简单啦  那边传递过来一个 要跳转到哪个div的参数就行

先上一段 页面获取参数的 通用js

代码很简单 就是根据当前url 获取其中想要的参数的值。

来

看我

具体步骤是：

1.电脑上，右击鼠标，新建~文本文档

2.打开文本文档，把 <a href="网址">链接名称</a>复制进去，

网址就填，想要访问的网址；链接名称，随便设置

我设置的为 （photoshop教程___ Adobe软件教程），设置完成后，保存（Ctrl+s）

3.右击这个文档，重命名，把后缀 txt 改成 html 然后保存（不显示后缀的，直接往最后看）

4.然后点击这个图标，会以自己默认的浏览器打开，点击里面的文字，就可以直接跳转至网址（你也可以把里面的内容复制，粘贴到其他地方，在外边打开）

5.如果不显示文件后缀名

接着看我

点击

计算机—工具—文件夹选项—查看—隐藏已知文件类型的扩展名（前面去掉 √ 号）

---