关于图片展示代码
发布网友
发布时间:2022-05-11 03:57
我来回答
共2个回答
热心网友
时间:2024-03-01 16:27
文件名:a.html
------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>tableFrame_simple</title>
<style type="text/css">
body{
width:auto;
height:auto;
padding:0;
margin:10px 0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul{
clear:both;
padding:0;
margin:0;
list-style:none;
}
#tableFrame{
width:875px; /*需要修改*/
height:auto;
border-top:#000 1px solid;
border-left:#000 1px solid;
padding:0;
margin:0 auto;
font-size:12px;
}
#tableFrame:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
li{
float:left;
display: block;
width:110px; /*需要修改*/
height:auto;
padding:2px;
margin:0;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
line-height:16px;
color:000;
}
/* 表格内容*/
#tableCase ul{align-text:center}
#tableCase ul li{align-text:center}
/* 单个表格特定样式*/
.tableCaseOne{cursor: hand;}
.tableCaseTwo{cursor:hand;}
.tableCaseThree{color:#329A02;cursor:hand;}
.tableCaseFour{cursor:hand;}
.tableCaseFive{color:#f00;cursor: hand;}
.tableCaseSix{cursor: hand;}
.tableCaseSeven{color:#f00;cursor: hand;}
</style>
</head>
<body>
<div id="tableFrame">
<div id="tableCase">
<h3 align="center">这里是标题</h3>
<ul>
<!--此处开始循环 -->
<li onclick="window.open('b.html')"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" class="tableCaseOne" border="0" width="100" height="120"></li>
<!--到此循环结束 -->
</ul>
</div>
</div>
</body>
</html>
------------------------------------------------------------
b.html
------------------------------------------------------------
你自己的页面代码,只不过在要图片滚动的地方加上
<marquee direction="left" width="200" height="100" loop="-1" scrollamount="1">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif" border="0" />
</marquee>
热心网友
时间:2024-03-01 16:27
把相应的img标签放到相应的a 标签里就行,例如<a href="a.html"><img src="a.jpg" /></a><a href="b.html"><img src="b.jpg" /></a>