新闻列表上下循环滚动效果

<html>
<head>
<link href="css/siteCss.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="220">
    <tbody>
        <tr>
            <td height="29" width="28">
                <img src="images/t04.jpg" width="28" height="29"></td>
            <td class="title" background="images/t05.jpg" width="114">
                公示公告</td>
            <td class="more" valign="center" background="images/t11.jpg" width="73" align="right">
                <a href="/pages/WebSites/Pages/Web/NewsList.aspx?iClass=10">更多>></a></td>
            <td width="5">
                <img src="images/t12.jpg" width="5" height="29"></td>
        </tr>
        <tr>
            <td bgcolor="#e0ecf8" height="230" colspan="4">
			<div style="width: 100%; height: 230px; overflow: hidden" id="ImgDemo" align="center">
                    <div id="ImgDemo1">
                <table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
								<span style="width:156px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 公立医院应消除顾虑主消除顾虑主消除顾虑主消除顾虑主消除顾虑主</a></span>[10-21]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈哈</a>[10-22]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈</a>[10-23]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 公立医院应消除顾虑主</a>[10-24]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈</a>[10-25]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 公立医院应消除顾虑主</a>[10-26]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈</a>[10-27]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈</a>[10-28]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 公立医院应消除顾虑主</a>[10-29]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 哈哈哈哈哈哈哈哈哈哈</a>[10-30]</td>
                        </tr>
                    </tbody>
                </table>
				<table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
                    <tbody>
                        <tr>
                            <td class="list">
                                <a href="/websites/Pages/Web/NewsDetails.aspx?id=63ca6e2d-485d-4231-8f31-b9d01f9fb81b">
                                    · 公立医院应消除顾虑主</a>[10-31]</td>
                        </tr>
                    </tbody>
                </table>
				</div>
				<div id="ImgDemo2">
                
				</div>
                </div>
                <script language="JavaScript">
                    var ScrollingSpeed = 60;
                    ImgDemo2.innerHTML = ImgDemo1.innerHTML;
                    function ScrollMarquee() {
                        if (ImgDemo2.offsetTop - ImgDemo.scrollTop <= 0)
                        { ImgDemo.scrollTop -= ImgDemo1.offsetHeight }
                        else
                        { ImgDemo.scrollTop++; }
                    }
                    var ScrollingMar = setInterval(ScrollMarquee, ScrollingSpeed);
                    ImgDemo.onmouseover = function () { clearInterval(ScrollingMar); } //鼠标移上时清除定时器达到滚动停止的目的
                    ImgDemo.onmouseout = function () { ScrollingMar = setInterval(ScrollMarquee, ScrollingSpeed); } //鼠标移开时重设定时器 
                </script>
                <!--上下滚动结束-->
            </td>
        </tr>
    </tbody>
</table>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值