滚动效果

最新推荐文章于 2022-11-01 22:42:51 发布

tengweichen126

最新推荐文章于 2022-11-01 22:42:51 发布

阅读量702

点赞数

分类专栏： Js 文章标签： table border

本文链接：https://blog.csdn.net/tengweichen126/article/details/6878199

版权

Js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<div id="table01" style="width:310px">
  <table width="300" border="0" cellspacing="0" cellpadding="0" height=30>
        <tr><td height=21> </td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>央行就人民币升值表态中国汇改不屈服于美压…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>nba今日之最：太阳队虽败犹荣约翰逊严重受…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>房地产新政出台温州长线炒房客上海坚持捏盘…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>“花心大少”不枉风流罗纳尔情场艳事回忆录…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>全球竞争力排名中国内地下降7位</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>面对人口日益老龄化现象反思退休制度</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>地产界感叹新政难办  建设部已经考虑房企疑…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>地产市场风声鹤唳房产巨头缘何弃沪逆江而上…</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>鄞州医保门诊本月起实时结算</font></td></tr>
        <tr><td height=21>·<font color=#2E3192 size=2>热钱导致上海楼市波动加大将来走向扑朔迷离…</font></td></tr>
        <tr><td height=21> </td></tr>
  </table>
</div>
<SCRIPT>
marqueetable = document.getElementById('table01');
scrollheight = 63;
stopscroll1        = false;
marqueetable.scrollTop = 0;
with(marqueetable) {
        style.width = 300;
        style.height = scrollheight;
        style.overflowX = "hidden";
        style.overflowY = "hidden";
        noWrap = true;
        onmouseover = new Function("stopscroll1=true");
        onmouseout = new Function("stopscroll1=false");
}
startmarqueetop = 0;
offsettop = 0;
marqueestoptime = 0;

function setmarqueetime() {
        marqueetable.scrollTop = 0;
        setInterval("marqueeup()",10);
}
setmarqueetime();

function marqueeup(){
        if(stopscroll1==true) return;
        offsettop+=1;
        if(offsettop==22) {
                marqueestoptime+=1;
                offsettop-=1;
                if(marqueestoptime==100) {
                        offsettop=0;
                        marqueestoptime=0;
                }
        } else {
                startmarqueetop=marqueetable.scrollTop;
                marqueetable.scrollTop+=1;
                if(startmarqueetop==marqueetable.scrollTop) {
                        marqueetable.scrollTop=0;
                        marqueetable.scrollTop+=1;
                }
        }
}
</SCRIPT>
</BODY>
</HTML>