查看效果:向上滾動代碼
<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>
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
