<!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=utf-8" />
<title>仿百度有啊产品列表样式切换特效</title>
<link rel="stylesheet" href="style/style_1.css">
<link rel="stylesheet" href="style/style_2.css">
<script language="JavaScript">
<!--
var doAlerts=false;
function changeSheets(whichSheet){
whichSheet=whichSheet-1;
if(document.styleSheets){
var c = document.styleSheets.length;
if (doAlerts) alert('Change to Style '+(whichSheet+1));
for(var i=0;i<c;i++){
if(i!=whichSheet){
document.styleSheets[i].disabled=true;
}else{
document.styleSheets[i].disabled=false;
}
}
}
}
//--></script>
</head> <body>
<div id="container">
<div class="box01">
<div class="part">
<a class="a1" href="JavaScript:changeSheets(1)"></a>
<a class="a2" href="JavaScript:changeSheets(2)"></a>
</div>
</div>
<div class="box02">
<div class="part">
<div class="grp01">
<a href="#"><img src="images/img01.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.163css.com">网聚重构设计</a></h4>
<h5><a href="http://www.163css.com">div+css</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广州天河
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div>
<div class="part">
<div class="grp01">
<a href="#"><img src="images/img02.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.jmeii.com">广州简美网络</a></h4>
<h5><a href="http://www.jmeii.com">广州网站建设</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广州天河
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div> <div class="part">
<div class="grp01">
<a href="#"><img src="images/img03.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.petsbaby.com">华南宠物网</a></h4>
<h5><a href="http://www.petsbaby.com">广州宠物</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广州天河
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div>
<div class="part">
<div class="grp01">
<a href="#"><img src="images/img05.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.asimu.com">中国私募网</a></h4>
<h5><a href="http://www.asimu.com">阳光私募</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广州天河
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div>
<div class="part">
<div class="grp01">
<a href="#"><img src="images/img04.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.gzxyprint.com">广州新怡印务有限公司</a></h4>
<h5><a href="http://www.gzxyprint.com">广州印刷</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广州开发区
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div> <div class="part">
<div class="grp01">
<a href="http://www.byqpw.com"><img src="images/img06.jpg" /></a>
</div>
<div class="grp02">
<h4><a href="http://www.byqpw.com">百业汽配网</a></h4>
<h5><a href="http://www.byqpw.com">东莞汽配</a></h5>
</div>
<div class="grp03">
<h6>￥1900.00</h6>
<b>运费： 20.00 </b>
</div>
<div class="grp04">
广东东莞
</div>
<div class="grp05">
<a href="#">诚信保障</a>
</div>
</div>
</div>
</div> </body>
</html> |
注册 登录
