仿股票厅滚屏信息的滚动信息示例

<html>
    <head>
        <title>滚动信息</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <style type="text/css">
                body {
                    font-size: 12px;
                    background-color: #FFF;
                    overflow: hidden;
                }
                td {
                    font-size: 12px;
                }
                .titletd td {
                        background-color: #EFEFEF;
                        padding: 2px;
                        text-align: center;
                }
                .datatd td {
                    background-color: #FFFFFF;
                    height: 18px;
                    padding-left: 2px;
                }
                .td1 {
                    width: 80px;
                }
                .td2 {
                    width: 85px;
                }
                .td3 {
                    width: 100px;
                }       
                .td4 {
                    width: 70px;
                }
                .td5 {
                    width: 60px;
                }
                .td6 {
                    width: 85px;
                }   
                .td7 {
                    width: 62px;
                }
        </style>
    </head>
    <body>
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td width="100%">
                    <table width="550" border="0" cellpadding="0" cellspacing="1"
                        bgcolor="#cccccc">
                        <tr class="titletd">
                            <td nowrap class="td1">
                                产品名称
                            </td>
                            <td nowrap class="td2">
                                规格
                            </td>
                            <td nowrap class="td3">
                                产地
                            </td>
                            <td nowrap class="td4">
                                价格
                            </td>
                            <td nowrap class="td5">
                                单位
                            </td>
                            <td nowrap class="td6">
                                企业名称
                            </td>
                            <td nowrap class="td7">
                                日期
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="100%">
                    <div id="A1">
                        <div id="A2">
                            <table width="550" border="0" cellpadding="0" cellspacing="1"
                                bgcolor="#cccccc" style="margin-top: -1px;">
                                <tbody class="datatd">
                                    <tr>
                                        <td nowrap class="td1">
                                            白银
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            3,465
                                        </td>
                                        <td nowrap class="td5">
                                            元/公斤
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            锑
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            47,000
                                        </td>
                                        <td nowrap class="td5">
                                            元/公斤
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解锰
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            12,700
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            铜升水
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            600
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            铜升水
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            300
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解铜
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            68,490
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解铝
                                        </td>
                                        <td nowrap class="td2">
                                            A00
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            19,540
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解铅
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            12,000
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解锌
                                        </td>
                                        <td nowrap class="td2">
                                            0#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            29,650
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            电解锌
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            27,900
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            无氧铜丝
                                        </td>
                                        <td nowrap class="td2">
                                            Φ3mm
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            69,400
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            镍
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            315,000
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            锡
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            78,000
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            钴
                                        </td>
                                        <td nowrap class="td2">
                                            1#
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            400,000
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            漆包线
                                        </td>
                                        <td nowrap class="td2">
                                            0.1-2.5mm
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            75,540
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            MB超细镍粉
                                        </td>
                                        <td nowrap class="td2">
                                            150~1000
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            550
                                        </td>
                                        <td nowrap class="td5">
                                            元/公斤
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            砷铜合金
                                        </td>
                                        <td nowrap class="td2">
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            68,500
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-25
                                        </td>
                                    </tr>

                                    <tr>
                                        <td nowrap class="td1">
                                            砷铜合金
                                        </td>
                                        <td nowrap class="td2">
                                        </td>
                                        <td nowrap class="td3">
                                            #
                                        </td>
                                        <td nowrap class="td4" align="right">
                                            68,500
                                        </td>
                                        <td nowrap class="td5">
                                            元/吨
                                        </td>
                                        <td nowrap class="td6">
                                            长江现货
                                        </td>
                                        <td nowrap class="td7">
                                            2006-8-24
                                        </td>
                                    </tr>

                                </tbody>
                            </table>

                        </div>
                    </div>
                </td>
            </tr>
        </table>

        <br>

        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td width="100%">
                    <table width="160" border="0" cellpadding="0" cellspacing="1"
                        bgcolor="#cccccc">
                        <tr class="titletd">
                            <td nowrap class="td1">
                                名称1
                            </td>
                            <td nowrap class="td1">
                                名称2
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="100%">
                    <div id="B1">
                        <div id="B2">
                            <table width="160" border="0" cellpadding="0" cellspacing="1"
                                bgcolor="#cccccc" style="margin-top: -1px;">
                                <tbody class="datatd">
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                        <td nowrap class="td1">
                                            1234567890
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <SCRIPT language=JavaScript>
        <!--
        function _InitScroll(divA,divB,width,height,time){
            //  设置一次滚动的高度
            var scrollString="var marqueesHeight"+divA+"="+height+";";
            // 设置停止滚动为false
            scrollString+="var stopscroll"+divA+"=false;";
            // 在页面上取得这个要滚动的区域
            scrollString+="var scrollElem"+divA+"=document.getElementById('"+divA+"');";
            // 为控件设置相应的属性:
            scrollString+="with(scrollElem"+divA+")";
            // 设置控件的宽度
            scrollString+="{style.width="+width+";";
            // 设置控件的高度,溢出为隐藏,换行为真
            scrollString+="style.height=marqueesHeight"+divA+";style.overflow='hidden';noWrap=true;}";
            // 设置控件的鼠标旋停事件
            scrollString+="scrollElem"+divA+".οnmοuseοver=new Function('stopscroll"+divA+"=true');";
            // 设置控件的鼠标移出事件
            scrollString+="scrollElem"+divA+".οnmοuseοut=new Function('stopscroll"+divA+"=false');";
            // 之前的top点
            scrollString+="var preTop"+divA+"=0; ";
            // 现在的top点
            scrollString+="var currentTop"+divA+"=0;";
            // 停止时间
            scrollString+="var stoptime"+divA+"=0;";
            // 取得另一个控件
            scrollString+="var leftElem"+divB+"=document.getElementById('"+divB+"');";
            // 把divb加到diva中
            scrollString+="scrollElem"+divA+".appendChild(leftElem"+divB+".cloneNode(true));";
            // 设置调用
            scrollString+="setTimeout('init_srolltext"+divA+"()',"+time+");";
           
           
            //******************************************************************************************
            // 定义一个函数init_srolltext**()
            scrollString+="function init_srolltext"+divA+"(){";
            // 设置diva的top
            scrollString+="scrollElem"+divA+".scrollTop=0;";
            // 函数反复调用
            scrollString+="setInterval('scrollUp"+divA+"()',50);}";
            //*****************************************************************************************
           
            //*****************************************************************************************
            // 定义scrollUp**()函数
            scrollString+="function scrollUp"+divA+"(){";
            // 如果是鼠标旋停即如果stopscroll**为true的话,就什么也不干
            scrollString+="if(stopscroll"+divA+"){return;}";
            // 其他情况下的话,这一个层的高度值top+1
            scrollString+="currentTop"+divA+"+=1;";
            // 如果加的足够多的话,把时间和位置统一归位
            scrollString+="if(currentTop"+divA+"==(marqueesHeight"+divA+"+1)) ";
            scrollString+="{stoptime"+divA+"+=1;currentTop"+divA+"-=1;";
            scrollString+="if(stoptime"+divA+"=="+time/50+") ";
            scrollString+="{currentTop"+divA+"=0;stoptime"+divA+"=0;}}";
            scrollString+="else {preTop"+divA+"=scrollElem"+divA+".scrollTop;scrollElem"+divA+".scrollTop +=1;";
            scrollString+="if (preTop"+divA+"==scrollElem"+divA+".scrollTop)";
            scrollString+="{scrollElem"+divA+".scrollTop=0;scrollElem"+divA+".scrollTop +=1;}}}";
           
           
             return scrollString;
        }

        eval(_InitScroll("A1","A2",550,19*6,4000));
        eval(_InitScroll("B1","B2",164,19*4,2000));

/*
A1,A2或B1,B2是滚动内容区域外的两个DIV的ID

 <div id="B1">
  <div id="B2">
width为滚动内容的宽度
height为滚动内容的高度,必须为单元格高度的整数倍,这里每个单元格是19px高
time为滚动后每次停留言时间

CSode by 51windows.net
Email:51windows#gmail.com
2006-8-25

优化,注释:ginger547
Email:ginger547@gmail.com
2007-12-10
*/
//-->
</SCRIPT>
        <pre style="color: green;">
/*
简单要说明:

A1,A2或B1,B2是滚动内容区域外的两个DIV的ID

width为滚动内容的宽度
height为滚动内容的高度,必须为单元格高度的整数倍,这里每个单元格是19px高
time为滚动后每次停留言时间
*/
</pre>
    </body>
</html> 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值