61,115
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%!--#include file="bottom.asp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>首页</title>
<style>
.ad3{ float:left; width:350px; height:245px; overflow:hidden; margin:0; padding:0;}
/*******轮换图片************/
.ad3right{ float:left; width:348px; height:243px; border:1px solid #CCCCCC; margin:0; padding:0; display:inline;}
.ad3right1{ float:left; width:348px; height:18px; background:#999999;position:relative; bottom:18px; left:0;filter:alpha(opacity=80);}
#biaoshi{ padding:0; margin:0; list-style-type:none; width:348px; position:relative; bottom:0; left:204px; float:left;}
#biaoshi li{ float:left; height:18px; padding:0 10px; text-align:center; display:block; background:#000000; color:#FFFFFF; cursor:hand; border-right:1px solid #FFFFFF;}
.ad3right2{ float:left; width:348px; height:243px;}
#pic{ padding:0; margin:0; list-style-type:none;}
.picimg{ float:left; width:348px; height:243px; overflow:hidden;}
.picimg img{ display:block; width:348px;}
#biaoshi #show{background:#dd9;color:#f00;}
</style>
<script language="javascript">
function cha(n){
for(i=0;i<biaoshi.childNodes.length;i++)
biaoshi.childNodes[i].id="";
biaoshi.childNodes[n].id="show";
for(i=0;i<pic.childNodes.length;i++){
pic.childNodes[n].style.filter="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
pic.childNodes[n].filters[0].Apply();
pic.childNodes[i].style.display="none";
pic.childNodes[n].filters[0].Play();
}
pic.childNodes[n].style.filter="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";;
pic.childNodes[n].filters[0].Apply();
pic.childNodes[n].style.display="block";
pic.childNodes[n].filters[0].Play();
}
</script>
</head>
<body>
<div class="ad3">
<div class="ad3left"></div>
<div class="ad3right">
<ul id="pic">
<li class="picimg"><img src="a111.jpg"/></li>
<li class="picimg"><img src="a111.jpg"/></li>
<li class="picimg"><img src="a111.jpg"/></li>
<li class="picimg"><img src="a111.jpg"/></li>
<li class="picimg"><img src="a111.jpg"/></li>
</ul>
<div class="ad3right1">
<ul id="biaoshi">
<li onclick="cha(0)">1</li>
<li onclick="cha(1)">2</li>
<li onclick="cha(2)">3</li>
<li onclick="cha(3)">4</li>
<li onclick="cha(4)">5</li>
</ul>
</div>
</div>
</div>
<script language="javascript">cha(0)</script>
</body>
</html>