[html]代码库
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="js/mootools_packed.js"></script>
<script type="text/javascript" src="js/site.js"></script>
<title>沪江英语网站3图弹性广告源代码</title>
<style>
#liquid {
padding: 0px;
overflow: hidden;
width: 550px;
margin-right: auto;
margin-left: auto;
}
#liquid .liquids {
display: block;
background: #FFF url(images/right.gif) top right no-repeat;
height: 125px;
}
#liquid ul {
list-style: none;
padding: 0;
margin: 0;
}
#liquid li {
float: left;
}
#liquid .liquid {
display: block;
cursor: pointer;
overflow: hidden;
height: 125px;
width: 178px;
background: #fff;
border-right: 5px solid #FFF;
}
#liquid .liquid span {
position: absolute;
left: -999px;
width: 990px;
}
#liquid .web {
background: #FFF url(images/bbs.gif);
}
#liquid .print {
background: #FFF url(images/channel.jpg);
}
#liquid .media {
background: #FFF url(images/download.gif);
border-right: 0;
}
</style>
</head>
<body>
<div id="liquid">
<ul class="liquids">
<li><a href="http://yuncode.net" target="_blank" class="liquid web" style="width: 125px;"><span>中国最火的四六级论坛</span></a></li>
<li><a href="http://yuncode.net" target="_blank" class="liquid print" style="width: 125px;"><span>最好的四六级频道</span></a></li>
<li><a href="http://yuncode.net" target="_blank" class="liquid media" style="width: 280px;"><span>最全的四六级资料下载</span></a></li>
</ul>
</div>
<br>
<br>
</body>
</html>
[代码运行效果截图]
[源代码打包下载]