div+css不间断向上滚动模板
上一次给大家介绍一种div css的不间断滚动代码JS特别多(不间断滚动css代码),这次给大家介绍的是比较实用比较简单的不间断css滚动代码
DIV+CSS不间断滚动代码效果图 -CSS不间断滚动
div+css css手册 css css研教室
divcss5模板-上下不间断滚动DIV+CSS
div+css向上不停滚动演示CSS向上不停滚动演示divcss向上不停滚动演示
DIV+CSS提示您,可以直接查看本页源代码将其保存下来
不间断JS代码:var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 22; //单行高度,像素
var iLineCount = 3; //实际行数
var iScrollAmount = 1; //每次滚动高度,像素
function run() { oMarquee.scrollTop += iScrollAmount; if ( oMarquee.scrollTop == iLineCount * iLineHeight ) oMarquee.scrollTop = 0; if ( oMarquee.scrollTop % iLineHeight == 0 ) { window.setTimeout( "run()", 2500 ); } else { window.setTimeout( "run()", 10 ); } } oMarquee.innerHTML += oMarquee.innerHTML; window.setTimeout( "run()", 2500 );
完整div+css不间断滚动代码
向上不停滚动代码--演示
/* CSS代码如下 */
div+css css手册 css css研教室
divcss5模板-上下不间断滚动DIV+CSS
div+css向上不停滚动演示CSS向上不停滚动演示divcss向上不停滚动演示
DIV+CSS提示您,可以直接查看本页源代码将其保存下来
这里将JS放放入muqruujs.js的JS文件里,注意的是JS文件放置的位置及滚动代码JS里的取值
以上为DIV+CSS模板中的纯CSS不间断滚动CSS布局代码及说明。
查看CSS不间断滚动网页演示 -点我查看。
点击另存为下载此DIV+CSS上下无间断滚动代码打包下载:/bbs/thread-479-1-1.html。