js实现图片上下左右滚动代码
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
"/TR/xhtml1/DTD/xhtml1-trans itional.dtd">
var speed=30;
var colee2=document.getElementById("colee2"); var colee1=document.getElementById("colee1"); var colee=document.getElementById("colee"); colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2
function Marquee1(){
//当滚动至colee1与colee2交界时
if(colee2.offsetTop-colee.scrollTop<=0){
colee.scrollTop-=colee1.offsetHeight; //colee 跳到最顶端
}else{
colee.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的colee.onmouseover=function()
{clearInterval(MyMar1)}
//鼠标移开时重设定时器
colee.onmouseout=function(){MyMar1=setInterva l(Marquee1,speed)}
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
src="/jscss/demoimg/200907/bg3.jpg">
var speed=30
var
colee_bottom2=document.getElementById("colee_ bottom2");
var
colee_bottom1=document.getElementById("colee_ bottom1");
var
colee_bottom=document.getElementById("colee_b ottom");
colee_bottom2.innerHTML=colee_bottom1.innerHT ML
colee_bottom.scrollTop=colee_bottom.scrollHei ght
function Marquee2(){
if(colee_bottom1.offsetTop-colee_bottom.scrol lTop>=0)
colee_bottom.scrollTop+=colee_bottom2.offsetH eight
else{
colee_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquee2,speed)