当前位置: 懒人建站 > JS代码 > 网页特效 >

文本向上滚动可指定间隔时间

关键字:滚动文本特效
文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结构。
相关代码
分享到:

代码说明:

文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结

构,
JS代码如下:
<script type="text/javascript" language="javascript">
<!--
//以下参数酌情修改
try{
var marqueesHeight = 18; //高度
var stopscroll     = false;
var scrollElem =   document.getElementById("scrolllayer");
with(scrollElem){
style.width     = 500;//宽度
style.height    = marqueesHeight;
style.overflow  = 'hidden';
noWrap          = true;
}
scrollElem.onmouseover = new   Function('stopscroll = true');
scrollElem.onmouseout  = new   Function('stopscroll = false');
var preTop     = 0;
var currentTop = 0;
var stoptime   = 0;
var leftElem =   document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
}catch(e) {}
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 15); //滚动速度
}
function scrollUp(){
if(stopscroll) return;
currentTop += 1;
if(currentTop == 19) { //滚动距离
stoptime += 1;
currentTop -= 1;
if(stoptime == 220) { //停顿时间
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
}
//-->
</script>
 

来源:懒人建站|发布人:懒人建站|2010-03-03|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册