应客户需求主,要在他们的首页也就一个淘宝首的那种图片轮转广告,要求我们完全照搬下来。
小弟着是没办法了,所以来向大虾们求助。以下是全部代码:<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<br>bbbbbbbbbbbbbbb<br>cccccccccccccccc<br>dddddddddddd<br>eeeeeeeeee<br>ffffffffffff<br>gggggggggggg<br>hhhhhhhhhhh<br>iiiiiiiiiiiiiiii<br>jjjjjjjjjjjjj<br>kkkkkkkkkkkkkkkk<br>llllllllllllllllll<br>mmmmmmmmmmmmmmm<br>nnnnnnnnnnnnnnnnn<br>ooooooooooooooooo<br>ppppppppppppppppppp<br>qqqqqqqqqqqqqqqqqq<br>rrrrrrrrrrrrrrrr<br>ssssssssssssssss<br>tttttttttttttttttttt<br>uuuuuuuuuuuuuuuuuuuuuu<br>vvvvvvvvvvvvvvvv<br>wwwwwwwwwwwwwwwwww<br>xxxxxxxxxxxxxxxxxx<br>yyyyyyyyyyyyy<br>zzzzzzzzzzzzzzzzzzzz<br>1111111111111111111<br>22222222222222222222<br>33333333333<br>444444444444444<br>555555555555555<br>6666666666666666<br>77777777777777777777<br>888888888888888888888<br>99999999999999999<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>
        </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<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>dsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>adsfasdfasdfasf<br>
        </div>
        <div style="position:relative; width:18px;">
         <table><tr><td><span class="Nubsyt" id="Nubsyt0">1</span></td></tr><tr><td><span class="Nubsyt" id="Nubsyt1">2</span></td></tr><tr><td><span class="Nubsyt" id="Nubsyt2">3</span></td></tr><tr><td><span class="Nubsyt" id="Nubsyt3">4</span></td></tr><tr><td><span class="Nubsyt" id="Nubsyt4">5</span></td></tr></table>
        </div>
    </div>
</body>

解决方案 »

  1.   

    http://www.lanrentuku.com/lanren/jscode/这里有很多类似的,你自己研究吧
      

  2.   

    http://www.lanrentuku.com/lanren/jscode/
    这个网站我也知道,有没有现成的代码,只需要改改就能用的。
      

  3.   


    晕!
    那你看我BLOG里有个,你参考下吧
      

  4.   

    http://www.lanrentuku.com/lanren/jscode/ 
    这个网站我也知道,有没有现成的代码,只需要改改就能用的。