js滚动效果-(up,left)

// JavaScript Document
//图片横向滚动
// 2012-1-12 zhx 改版 改为调用方法 调用参数为元素名称 //name 控件名称 //direction 滚动方向 暂时支持:up left //speed 滚动延迟时间 数字越大速度越慢 默认为30 function horizontal_pic_scroll(name, direction, speed) { if (document.getElementById(name) && document.getElementById(name + "1") && document.getElementById(name + "2")) { if (speed == null || speed <= 0) { speed = 30; } var tab = document.getElementById(name); var tab1 = document.getElementById(name + "1"); var tab2 = document.getElementById(name + "2"); if(document.getElementById(name + "C")!=null){ var kakaC=document.getElementById(name + "C"); }; tab2.innerHTML = tab1.innerHTML; //克隆tab1为tab2 function Marquee() { if (direction == "up") { //向上滚动 if (tab.scrollTop-tab2.offsetHeight >= 0)//当滚动至tab1与tab2交界时 tab.scrollTop -= tab1.offsetHeight //tab跳到最顶端 else { tab.scrollTop++ } } else if (direction == "left") { //向左滚动 if (tab2.offsetWidth - tab.scrollLeft <= 0)//当滚动至demo1与demo2交界时 tab.scrollLeft -= tab1.offsetWidth //demo跳到最顶端 else { tab.scrollLeft++ } } } var MyMar = setInterval(Marquee, speed); tab.onmouseover = function () { clearInterval(MyMar) }; //鼠标移上时清除定时器达到滚动停止的目的 tab.onmouseout = function () { if(kakaC!= null && kakaC.className=="a"){ MyMar = setInterval(Marquee, speed) } else if(kakaC==null){ MyMar = setInterval(Marquee, speed) } }; //鼠标移开时重设定时器 //添加控制按钮wsq if(kakaC!= null){ kakaC.onclick = function(){ if(kakaC.className=="a"){ clearInterval(MyMar); kakaC.className="b"; kakaC.innerHTML="开始滚动"; } else { MyMar = setInterval(Marquee, speed); kakaC.className="a"; kakaC.innerHTML="暂停滚动"; } } } } }

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。