网站制作学习网JS脚本→正文:间隔向上滚动
字体:

间隔向上滚动

JS脚本 2009/7/6 11:27:55  点击:不统计

关键词:向上滚动,间隔向上滚动,滚动代码,向上滚动代码



查看效果:向上滚动代码





<style>

div { font-size:12px; }

</style>

<div id="mq" style="width:100%;height:70px;overflow:hidden" onmouseover="iScrollAmount=0"

onmouseout="iScrollAmount=1">

向上滚动代码 <br>

向上滚动代码<br>

向上滚动代码<br>

</div>

<script>

var oMarquee = document.getElementById("mq"); //滚动对象

var iLineHeight = 42; //单行高度,像素

var iLineCount = 7; //实际行数

var iScrollAmount = 1; //每次滚动高度,像素

function run() {

oMarquee.scrollTop += iScrollAmount;

if ( oMarquee.scrollTop == iLineCount * iLineHeight )

oMarquee.scrollTop = 0;

if ( oMarquee.scrollTop % iLineHeight == 0 ) {

window.setTimeout( "run()", 2000 );

} else {

window.setTimeout( "run()", 50 );

}

}

oMarquee.innerHTML += oMarquee.innerHTML;

window.setTimeout( "run()", 2000 );

</script>

·上一篇:设置按钮激活状态 >>    ·下一篇:获取网页,屏幕大小,边线大小 >>
推荐文章
最新文章