❶ 请教一下,点击图片跳转到新页面,的代码怎么写
<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>
运行上面这段代码你应该就知道了。
❷ 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>
❸ 点击一个图片后跳转到另一个图片的代码
<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>
❹ 求图片或网页自动跳转代码
<html><head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="0.1; url=http://www.bbb.com/">
<title>图片网页跳转</title></head>
<body>
<p><img src='http://www.aaa.com/TUPING.JPG'/></P>
</body>
</html>
-----------------------------------
content="0.1,这个是跳转的时间
❺ <li><a href="你要跳转的代码" ><img src="产品图片地址"></a></li>是什么意思
这个是点击图片跳转到指定的网址
<li><a href="你要跳转的代码" ><img src="产品图片地址"></a></li>
比如<li><a href="http://www.gktjpj.com/"><img src="http://cdn.iknow.bdimg.com/static/common/widget/ihome-header/img/logo_3b4c18e.png"></a></li>