时间:2021-05-26
复制代码 代码如下:
<script type="text/javascript">
var scrollDelay=10;//数字越大速度越慢
var Scroll=document.getElementById("scroll");
var Scroll2=document.getElementById("scroll2");
var currentTop=0,preTop=0,stoptime=0,stopscroll=false;
var ScrollChild=Scroll.getElementsByTagName("li");
var ScrollHeight=Scroll.offsetHeight;
function ScrollInfo(){
if(stopscroll==true) return;
currentTop++;
if(currentTop+1>=ScrollHeight){
currentTop--;
stoptime++;
if(stoptime==parseInt(ScrollHeight)*scrollDelay) {
currentTop=0;
stoptime=0;
}
}else{
preTop=Scroll.scrollTop;
Scroll.scrollTop++;
if(preTop==Scroll.scrollTop){
Scroll.scrollTop=Scroll2.offsetHeight-ScrollHeight;
Scroll.scrollTop+=1;
}
}
}
function Int_Scroll(){
Scroll2.innerHTML="";
Scroll2.innerHTML=Scroll.innerHTML;
Scroll.innerHTML=Scroll2.innerHTML+Scroll2.innerHTML;
Scroll.onmouseover=function(){
stopscroll=true;
}
Scroll.onmouseout=function(){
stopscroll=false;
}
setInterval("ScrollInfo()",scrollDelay);
}
window.setTimeout("Int_Scroll()",1000);
</script>
Untitled .kefuchu{ width:109px;} .SS_dh1{background:url(../images/SSindex/SS_dh1.jpg) no-repeat; height:51px; width:84px; float:left} .SS_dh2{background:url(../images/SSindex/SS_dh2.jpg) no-repeat; height:51px; width:25px; float:left; display:block} .SS_dh3{background:url(../images/SSindex/SS_dh3.jpg) repeat-y; width:109px; } .SS_dh4{background:url(../images/SSindex/SS_dh4.jpg) no-repeat; height:17px; width:109px; } .SS_dh5{background:url(../images/SSindex/SS_dh5.jpg) no-repeat; height:23px; width:74px; margin-left:20px;} #scroll li{float:left;width:150px;} #scroll2{display:none;}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS实现单行文字不间断向上滚动的方法。分享给大家供大家参考。具体分析如下:前几天帮一个朋友写了一个单行文字不间断向上滚动的JS效果,现在分享给需要
向上滚动[Ctrl+A全选注:引入外部Js需再刷新一下页面才能执行]向下滚动[Ctrl+A全选注:引入外部Js需再刷新一下页面才能执行]向左滚动[Ctrl+A全
Access键盘快捷键大全(十一) 向下键向下滚动少量距离PageDown向下滚动一屏Ctrl+向下键移到页面的底端向上键向上滚动少量距离PageUp向上滚动一
js实现的文字向上滚动效果,适合文字公告等。test#textHeight{line-height:25px;height:25px;overflow:hidd
功能需求:1、滚动框内显示10条记录;2、有向上和向下滚动按钮,每次点击按钮向上或向下滚动记录条数,不自动滚动;3、记录条数不循环滚动,滚动到起点或终点则停止滚