[网站建设]网页中插入图片实现滚动代码.doc

网站建设网页中插入图片实现滚动代码!-下面是向上滚动代码-div id=butong_net_top style=overflow:hidden;height:100;width:90;div id=butong_net_top1img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片/divdiv id=butong_net_top2/div/divscriptvar speed=30butong_net_top2.innerHTML=butong_net_top1.innerHTML /克隆butong_net_top1为butong_net_top2function Marquee1()/当滚动至butong_net_top1与butong_net_top2交界时if(butong_net_top2.offsetTop-butong_net_top.scrollTop=0)60;60;butong_net_top.scrollTop-=butong_net_top1.offsetHeight /butong_net_top跳到最顶端elsebutong_net_top.scrollTop+;var MyMar1=setInterval(Marquee1,speed)/设置定时器/鼠标移上时清除定时器达到滚动停止的目的butong_net_top.onmouseover=function() clearInterval(MyMar1)/鼠标移开时重设定时器butong_net_top.onmouseout=function()MyMar1=setInterval(Marquee1,speed)/script!-向上滚动代码结束-br!-下面是向下滚动代码-div id=butong_net_bottom style=overflow:hidden;height:100;width:90;div id=butong_net_bottom1img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片img src=插入需要滚动的图片/divdiv id=butong_net_bottom2/div/divscriptvar speed=30butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTMLbutong_net_bottom.scrollTop=butong_net_bottom.scrollHeightfunction Marquee2()if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop=0)butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeightelsebutong_net_bottom.scrollTop-var MyMar2=setInterval(Marquee2,speed)butong_net_bottom.onmouseover=function() clearInterval(MyMar2)butong_net_bottom.onmouseout=function() MyMar2=setInterval(Marquee2,speed)/script!-向下滚动代码结束-br!-下面是向左滚动代码-div id=butong_net_left style=overflow:hidden;width:500px;table cellpadding=0 cellspacing=0 border=0trtd id=butong_net_left1 valign=top align=centertable cellpadding=2 cellspacing=0 border=0tr align=centertdimg src=img src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/td/tr/table/tdtd id=butong_net_left2 valign=top/td/tr/table/divscriptvar speed=30/速度数值越大速度越慢butong_net_left2.innerHTML=butong_net_left1.innerHTMLfunction Marquee3()if(butong_net_left2.offsetWidth-butong_net_left.scrollLeft=0)butong_net_left.scrollLeft-=butong_net_left1.offsetWidthelsebutong_net_left.scrollLeft+var MyMar3=setInterval(Marquee3,speed)butong_net_left.onmouseover=function() clearInterval(MyMar3)butong_net_left.onmouseout=function() MyMar3=setInterval(Marquee3,speed)/script!-向左滚动代码结束-br!-下面是向右滚动代码-div id=butong_net_right style=overflow:hidden;width:500px;table cellpadding=0 cellspacing=0 border=0trtd id=butong_net_right1 valign=top align=centertable cellpadding=2 cellspacing=0 border=0tr align=centertdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/tdtdimg src=插入需要滚动的图片/td/tr/table/tdtd id=butong_net_right2 valign=top/td/tr/table/divscriptvar speed=30/速度数值越大速度越慢butong_net_right2.innerHTML=butong_net_right1.innerHTMLfunction Marquee4()if(butong_net_right.scrollLeft=0)butong_net_right.scrollLeft+=butong_net_right2.offsetWidthelsebutong_net_right.scrollLeft-var MyMar4=setInterval(Marquee4,s