① html表单里面的图片点击相应图片跳转到本页其他去看代码怎么写
需要在一张图片上设置多个能点击跳转的链接区域时,推荐使用网页的热点链接。
参考代码如下:
<mapname="Map"id="Map">
<areashape="rect"coords="89,41,379,136"href="#"target=".com"/>
<areashape="rect"coords="89,175,394,264"href="#"/>
<areashape="rect"coords="95,293,386,355"href="#"/>
</map>
网页热点使用方法:
个人推荐Dreamwever可视化操作来创建网页热点。
1、打开Dreamwever,新建一个页面,插入一张图片,
2、使用左下角的热点工具。
4、选中其中一个热点,在下方的属性窗口中的链接栏填上你的链接,热点链接就创建完成了。
② 点击图片转到网址的代码
下面的HTML代码就可以实现,只是不知道你的空间能否输入HTML代码:
<img src=图片文件 onclick="location.href='需要跳转的地址';" />
修改上面语句里面的图片文件个需要跳转的地址,即可达到你需要的目的,注意不要删改其余字符。
③ javascript代码如何实现点击图片跳转到另外一个连接上
javascript代码实现点击图片跳转到另外一个连接上的方法是给a标签加图片,并附上目标地址。
参考代码如下:
<html>
<head><title>增加图片链接,点击后跳转</title></head>
<body onload="addLinkForImage()">
<img src="Koala.jpg" width="300" height="200" />
<img src="Penguins.jpg" width="300" height="200" />
</body>
<script type="text/javascript">
function addLinkForImage(){
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].id="img"+i;
var img1=document.getElementById("img"+i);
var a=document.createElement("a");
//获取当前元素的父元素进行替换
img1.parentNode.replaceChild(a,img1);
a.href=img1.src;
a.appendChild(img1);
}
}
</script>
</html>
④ php点击图片跳转到网站代码
<a href="http://www..com" target="_blank"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" width="150" height="60" ></a>
这样就可以,,你试试看
⑤ 图片链接用JS跳转代码怎么写
<img src="" onclick="imgbtn('https://..com/')" />
<script>
function imgbtn(url){
window.location.href=url; //当前页面打开
window.open().location=url; //新页面打开
}
</script>
⑥ 请教一下,点击图片跳转到新页面,的代码怎么写
<html>
<head>
<style>
img {float:left;}
</style>
</head>
<body align="center">
<a href="#a"><img src="images/1.jpg" width="230" height="345" Name="T440" Alt="T440" ></a>
<a href="#b"><img src="images/1.jpg" width="230" height="345" Name="T440" Alt="T440" ></a>
<a href="#c"><img src="images/1.jpg" width="230" height="345" Name="T440" Alt="T440" ></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id="a">a</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id="b">b</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p id="c">c</p>
</body>
</html>
运行上面这段代码你应该就知道了。
⑦ 怎样实现点击某一个图片实现网页的跳转,求代码,并要求是CSS结构编写的
试试这样:
li.about a {
display: block;
width: 100px; /* 与背景图片同宽 */
height: 100px; /* 与背景图片同高 */
}
当你将A标签拉大到与背景图同等大小,并且完全覆盖在背景图上时,就会产生类似于给背景图片加链接的效果了.
⑧ android图片按钮加页面跳转代码
imageButton.setOnclickListener(new View.onClickListener(){
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setClass(MainActivity.this,Image.class);
startActivity(intent);
}
});
⑨ 轮播图片跳转到指定链接
图片跳转代码:<a href="链接跳转地址" target="_blank"><img src="图片地址"/></a>
所以你这个就是<a href=".com" target="_blank"><img src="//img10.360buyimg.com/imgzone/jfs/t2713/288/1274239302/543107/92daf0ef/57395a97N492094f5.jpg" title="" width="1920" height="550" alt="" /> </a>
⑩ 点击一个图片后跳转到另一个图片的代码
<a href='#p2'><img src='图片1地址' width='50' height='50' name='p1'></a>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href='#p1'><img src='图片2地址' width='50' height='50' name='p2'></a>