<!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>鄧振振C#軟件調用網頁實現軟件廣告顯示</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
margin: 30px auto auto 30px;
background-color: #000000;
}
#menu{
position:relative;
height:180px;
width:210px;
background:#ccc;
text-align:center;
padding-top:20px;
}
#menu dt{
position:absolute;
right:5px;
bottom:5px;
}
#menu dt a{
float:left;
display:block;
padding:1px 4px;
border:1px solid #ccc;
margin-left:2px;
text-decoration:none;
color: #309;
font-size:12px;
}
#menu dt a:hover{
background: #fff;
color: #FF0000;
}
#menu dd{
width: 210px;
height: 144px;
overflow: hidden;
}
</style>
</head>
<body>
<dl id="menu">
<dt>
<a href="#img1">1</a>
<a href="#img2">2</a>
<a href="#img3">3</a>
<a href="#img4">4</a>
</dt>
<dd>
<img src="images/1.JPG" id="img1"/>
<img src="images/2.JPG" id="img2"/>
<img src="images/3.JPG" id="img3"/>
<img src="images/4.JPG" id="img4"/>
</dd>
</dl>
</body>
</html>
