木子屋
 

标题: 小型滚动公告板，一次显示一行

作者: admin

日期: 2006-06-28 10:31 AM

分类: 脚本语言

内容: <style>
a { font:12px; display:block }
marquee { border: blue 6px double; filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);
background-color:#3366cc;}
</style>
<marquee id="mq" width="100" height="28" direction="up" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1">
<a href="#">月圆之夜</a>
<a href="#">紫禁之颠</a>
<a href="#">一剑西来</a>
<a href="#">天外飞仙</a>
</marquee>
<script>
var iLineHeight = 14; //单行高度，像素
var iLineCount = 4; //总行数，像素
var iScrollHeight = ( iLineCount + 1 ) * iLineHeight; //总高度
var iScrollAmount = 1; //每次滚动高度，像素
var oMarquee = document.getElementById("mq"); //滚动对象
function run() {
oMarquee.scrollTop += iScrollAmount;
if ( oMarquee.scrollTop == iScrollHeight ) oMarquee.scrollTop = 0;
if ( oMarquee.scrollTop % iLineHeight == 0 ) {
window.setTimeout( "run()", 2000 );
} else {
window.setTimeout( "run()", 50 );
}
}
oMarquee.stop();
run();
</script>

+ 查看当前日志评论 (1)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.594 ms

标题: 小型滚动公告板，一次显示一行

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.594 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.609 ms