淘宝首页图片轮转广告

cao_love 2009-01-21 09:13:19

应客户需求主，要在他们的首页也就一个淘宝首的那种图片轮转广告，要求我们完全照搬下来。
小弟着是没办法了，所以来向大虾们求助。

以下是全部代码：

<script type="text/javascript">
var Mynub; //存放内空变化编号
var TimeCode; //定时器
function PageFun(nub)
{
var myarr=new Array(); //内容变化数组
var Obj; //右边内容对象
var Myan; //按钮对象
var myobj; //左边内容对象
var i; //循环变量
myarr[0]=0;
myarr[1]=-170;
myarr[2]=-340;
myarr[3]=-510;
myarr[4]=-680;
myarr[5]=-850;
Obj=document.getElementById("ContentBox0"); //找到对象
myobj=document.getElementById("ContentBox"); //找到对象
for(i=0; i<=4; i++)
{
Myan=document.getElementById("Nubsyt"+i); //找到对象
if(i==nub)
{
//alert(myarr[i]);
Obj.style.top=myarr[i]+"px";
myobj.style.top=myarr[i]+"px";
Myan.style.color="#FFFFFF";
Myan.style.backgroundImage="url(Images/2009-01-20_005200.gif)";
if(nub<4)
{
Mynub=nub+1;
}else
{
Mynub=0;
}
}else
{
Myan.style.color="#00569C";
Myan.style.backgroundImage="url(Images/2009-01-20_005226.gif)";
}
}
TimeCode=setTimeout("PageFun("+Mynub+")",3000);
}
//清楚定时器
function StopTimeFun()
{
clearTimeout(TimeCode);
}
//启动定时器
function GoTimeFun()
{
TimeCode=setTimeout("PageFun("+Mynub+")",3000);
}
</script>
<style type="text/css">
#BigBox{
width:510px;
height:170px;
position:absolute;
overflow:hidden;
}
#BigBox div{ float:left;}
.Nubsyt{ background:url(Images/2009-01-20_005226.gif); width:18px; height:27px; display:block; color:#00569C; font-size:18px; font-weight:bold; text-align:center; line-height:27px;}
</style>
<body leftmargin="0" topmargin="0" onLoad="PageFun(0)">
<div id="BigBox">
<div style="position:relative;width:228px;" id="ContentBox" onMouseOver="StopTimeFun()" onMouseOut="GoTimeFun()">
aaaaaaasdfasf bbbbbbbbbbbbbbb cccccccccccccccc dddddddddddd eeeeeeeeee ffffffffffff gggggggggggg hhhhhhhhhhh iiiiiiiiiiiiiiii jjjjjjjjjjjjj kkkkkkkkkkkkkkkk llllllllllllllllll mmmmmmmmmmmmmmm nnnnnnnnnnnnnnnnn ooooooooooooooooo ppppppppppppppppppp qqqqqqqqqqqqqqqqqq rrrrrrrrrrrrrrrr ssssssssssssssss tttttttttttttttttttt uuuuuuuuuuuuuuuuuuuuuu vvvvvvvvvvvvvvvv wwwwwwwwwwwwwwwwww xxxxxxxxxxxxxxxxxx yyyyyyyyyyyyy zzzzzzzzzzzzzzzzzzzz 1111111111111111111 22222222222222222222 33333333333 444444444444444 555555555555555 6666666666666666 77777777777777777777 888888888888888888888 99999999999999999 dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf 
</div>
<div style="position:relative;width:7px;" id="ContentBox"><img src="Images/2009-01-12_023940.jpg" width="7" height="170" border="0" onMouseOver="StopTimeFun()" onMouseOut="GoTimeFun()"></div>
<div style="position:relative;width:247px; padding-left:2px;" id="ContentBox0" onMouseOver="StopTimeFun()" onMouseOut="GoTimeFun()">
dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf dsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf adsfasdfasdfasf 
</div>
<div style="position:relative; width:18px;">
<table><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr><tr><td>4</td></tr><tr><td>5</td></tr></table>
</div>
</div>
</body>

...全文