指引网

当前位置: 主页 > 网页制作 > WEB开发 >

利用翻页原理实现点击图片显示下一张

来源:网络 作者:佚名 点击: 时间:2017-07-19 00:31
[摘要] html head meta http-equiv=Content-Type content=text/html; charset=gb2312 meta http-equiv=imagetoolbar content=no title翻页原理实现/title style !-- body{text-align:center;} table{ border:0px; } .sp{ width:520px; height:400px; border:2px solid #F


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="imagetoolbar" content="no">
<title>翻页原理实现</title>
<style>
<!--
body{text-align:center;}
table{
 border:0px;
}
.sp{
 width:520px;
 height:400px;
 border:2px solid #FFCC00;
 text-align:center;
 line-height:400px;
}
.sn{
 width:520px;
 height:30px;
 text-align:center;
 line-height:30px;
}
img{
 border:0px; 
}
-->
</style>

</head>
<body>

<table>
 <tr>
  <td class="sp"><a href="2.asp?page=4"><img name="inphoto" src="photo/3.jpg" alt="点击图片显示下一张"></a></td>
 </tr>
 <tr>
  <td class="sn"><span id="fn">云天河</span></td>
 </tr>
 <tr>
  <td class="sn">利用翻页原理实现点击图片显示下一张</td>
 </tr>
</table>

</body>

</html>

------分隔线----------------------------