水平
<div id = demo style = "hidden; width:200px; border:2px solid#e0e0e0; padding:2px;" stopscroll(); "
onmouseout = "doscroll()">
<div id = "demo1" style = "white-spie:newrap; padding:0;">
<a href = "javascript:alert( '新しい投稿を公開);"> <img src = "picture url" height = 20 width = 104
border = 0> </a>
<a href = "javascript:alert( 'post Reply');"> <img src = "picture url" height = 20 width = 104
border = 0> </a>
</div>
</div>
<! - ローリングJavaScript->
<スクリプト>
var t = demo.scrollwidth
demo1.innerhtml+= demo1.innerhtml
関数domarquee()
{{
demo.scrollleft = demo.scrollleft <demo.scrollwidth-demo.offsetwidth?
}
functiondoscroll()
{{
sc = setinterval(domarquee、20)
}
関数stopscroll()
{{
clearinterval(sc)
}
doscroll()
</script>
<! - ローリングJavaScript Exten->
垂直
<div id = "demo" style = "height:110px;オーバーフロー:hidden">
<div id = "demo1">
<a href = "javascript:alert( '新しい投稿を公開);"> <img src = "picture url" height = 20 width = 104
border = 0> </a>
<a href = "javascript:alert( 'post Reply');"> <img src = "picture url" height = 20 width = 104
border = 0> </a>
</div> <div id = "demo2"> </div>
<! - ローリングJavaScript->
<スクリプト>
Varuled = 100
demo2.innerhtml = demo1.innerhtml
function marqueees(){
if(demo2.offsettop-demo.scrolltop <= 0)
demo.scrolltop- = demo1.offsetheight
それ以外 {
demo.scrolltop ++
}
}
var mymars = setinterval(マーキー、速度)
demo.onmouseover = function(){clearinterval(mymars)}
demo.onmouseout = function(){mymars = setinterval(marquees、speed)}
ZlSelect( '6');
</script> <! - ローリングJavaScript Ends->
</div>