JS上下文字滚动,怎么改成无限循环的,还有就是滚动速度怎么改?
<style>div{font-size:12px;}</style><divid="mq"style="width:100%;height:70px;overflow:...
<style>
div { font-size:12px; }
</style>
<div id="mq" style="width:100%;height:70px;overflow:hidden;border:1px solid #000000" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
李新成<br/>
褚喜凡<br/>
董里旭<br/>
张丽君<br/>
杜志芳<br/>
李国玉<br/>
</div>
<script>
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 14; //单行高度,像素
var iLineCount = 6; //实际行数
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> 展开
div { font-size:12px; }
</style>
<div id="mq" style="width:100%;height:70px;overflow:hidden;border:1px solid #000000" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
李新成<br/>
褚喜凡<br/>
董里旭<br/>
张丽君<br/>
杜志芳<br/>
李国玉<br/>
</div>
<script>
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 14; //单行高度,像素
var iLineCount = 6; //实际行数
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> 展开
3个回答
展开全部
// 数字2000可以控制滚动的间隔,2000为2秒,3000为3秒
window.setTimeout( "run()", 2000 );
// 数字50可以控制速度,该数字越大速度越慢
window.setTimeout( "run()", 50 );
// 已经实现无限循环滚动
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
// 数字50可以控制速度,该数字越大速度越慢
window.setTimeout( "run()", 50 );
// 已经实现无限循环滚动
oMarquee.innerHTML += oMarquee.innerHTML;
追问
谢谢,InstanceBeginEditable这个是不是定义不可编辑区域的。
追答
是的。
展开全部
我有一个文字上下无限循环滚动的代码。。你看看
你也可以去网上搜集一点那种素材。。懒人图库 、17素材都有
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
http://www.codefans.net/jscss/code/1639.shtml 你可以参考一下这个,很简单的
追问
试过,没有用,而且一堆无用的代码。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询