JS制作的滚动公告栏文字图片每翻一行停顿几秒
这个是关于前台制作和脚本方面的，用JS写的滚动公告栏的两段代码，分别对文字和图片使用，方向是上下滚动，每翻一行就要停顿几秒，这在一些门户网站，论坛以及一些BLOG常见到，在这里先摘录一下以备用。最重要的是两段JS代码在IE6.0与FIREFOX下都可以正常显示和滚动。文字每翻一行停顿几秒的代码
<ul id="mq" style="width:100%;height:90px;overflow:hidden" onmouseover="iScrollAmount=0"
onmouseout="iScrollAmount=1">
<li><a href='http://www.zhaoxi.net/make/18699/'>白色3D娃娃宝剑和盾牌banner在线设计</a></li>
<li><a href='http://www.zhaoxi.net/make/18698/'>苹果手机秒冲电池banner在线制作</a></li>
<li><a href='http://www.zhaoxi.net/make/18697/'>橙色圆环绿色树苗logo在线设计啦</a></li>
<li><a href='http://www.zhaoxi.net/make/18696/'>在线制作红色立体钩钩logo标志图片</a></li>
<li><a href='http://www.zhaoxi.net/make/18695/'>浅绿色字母D斜杠杠logo徽标设计器</a></li>
<li><a href='http://www.zhaoxi.net/make/18694/'>青色云朵新人站长logo商标设计</a></li>
<li><a href='http://www.zhaoxi.net/make/18693/'>红色云朵个人网站logo在线制作</a></li>
<li><a href='http://www.zhaoxi.net/make/18692/'>绿色透明云朵网络公司logo免费生成</a></li>
<li><a href='http://www.zhaoxi.net/make/18691/'>意大利进口爱心巧克力banner在线制作</a></li>
<li><a href='http://www.zhaoxi.net/make/18690/'>红色缠绕朝上箭头logo商标设计模板</a></li>
</ul>
<script>
var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 18; //单行高度，像素
var iLineCount = 10; //实际行数
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()", 20 );
}
}
oMarquee.innerHTML += oMarquee.innerHTML;
window.setTimeout( "run()", 2000 );
</script>
