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

[网站建设 ]网页中插入图片实现滚动代码 !-- 下面是向上滚动代码 -- div id=butong_net_top style=overflow:hidden;height:100;width:90; div id=butong_net_top1 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 /div div id=butong_net_top2/div /div script var speed=30 butong_net_top2.innerHTML=butong_net_top1.innerHTML // 克 隆 butong_net_top1 为 butong_net_top2 function 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 跳到最顶端 else{ butong_net_top.scrollTop++; } } var MyMar1=setInterval(Marquee1,speed)//  设置定时器 鼠标移上时清除定时器达到滚动停止的目的 butong_net_top.onmouseover=function() {clearInterval(MyMar1)} 鼠标移开时重设定时器 butong_net_top.onmouseout=function(){MyMar1=setInterval(Marquee1,spee d)} /script !-- 向上滚动代码结束 -- br !-- 下面是向下滚动代码 -- div id=butong_net_bottom style=overflow:hidden;height:100;width:90; div id=butong_net_bottom1 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 img src= 插入需要滚动的图片 /div div id=butong_net_bottom2/div /div script var speed=30 butong_net_bottom2.innerHTML=butong_net_bottom1.innerHTML butong_net_bottom.scrollTop=butong_net_bottom.scrollHeight function Marquee2(){ if(butong_net_bottom1.offsetTop-butong_net_bottom.scrollTop=0) butong_net_bottom.scrollTop+=butong_net_bottom2.offsetHeight else{ butong_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=0 trtd id=butong_net_left1 valign=top align=center table cellpadding=2 cellspacing=0 border=0 tr align=center tdimg src=img src= 插入需要滚动的图片 /td tdimg src= 插入需要滚动的图片 /td tdimg src= 插入需要滚动的图片 /td tdimg src= 插入需要滚