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


温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-07-11

楼主尼嚎~~HTML表单,通常都是被<form>标签所包括的。<form>标签内的内容还是可以用HTML常规代码书写。不过我认为楼主应该是想表达,HTML表格而不是表单吧?代码如下:

<html>
<head><title>标题</title></head>
<body>
<table>
<tr>
<!--第一栏图片-->
<td>
<a href="网址"><img src="图片路经" /></a>
</td>
<!--第二栏图片-->
<td>
<a href="网址"><img src="图片路经" /></a>
</td>
</tr>
</table>
</body>
</html>

使图片被<a>标签包围住即可。

希望能帮到你。




【2017.7.11】

我再来补充一下,因为刚刚看到了其他回答。楼主可能是想实现html的锚点功能吧。

这个也是非常容易的。

我们在编写css的时候不难发现,如果html标签定义的是class,在css中以一个点“.”和一些字母连用,表示这些字母是class的名称,而css中如果以“#”和一些字母连用,则表示这些字母是html标签的id。那么我们再来回头看锚点。

<a href="#a">点我</a>

这里边,我们把href属性设置成了“#a”,按照css的思路,则表示一个id为a的html标签。那么我们假设在同页面创建一个容器

<div id="a"><p>我是id为a的容器</p></div>

那么在本页点击a标签的链接就会把页面拉到页面中这个div的部分。(当然,前提是你页面要足够长,即浏览器右侧出现竖版滚动条才有效果)


希望能帮到你。

第2个回答  2017-08-01

最简单的方法是锚点用<a>标签,在href属性中写入DIV的id。如下:

    <a href="#div1">to div1</a>
    <a href="#div2">to div2</a>
    <a href="#div3">to div3</a>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <div id="div3">div3</div>

还可以用js的srollIntoView方法,直接用:

document.getElementById("divId").scrollIntoView();

第3个回答  2013-11-03
有两种方法:第一是把图片放在A标签中,第二是利用js给图片一个点击事件,在事件中添加新的跳转指令。
希望可以对你有帮助。
第4个回答  2013-11-03
你想做的应该是页内跳转吧,,,那就用锚链接来做,,为每个图片外面包个A标签,追问

做个A标签怎么写啊 ,就是几个图片需要跳转到NAME那里去 #NAME 这里写什么东西哦 好久没弄代码了 这些都忘记了 求请教

追答

你有写了一半的东西吗,,发过来我帮你完善下



img {float:left;}

a

b

c

运行上面这段代码你应该就知道了

相似回答