滚动的文字

来源：互联网发布：颈椎牵引器知乎编辑：程序博客网时间：2024/05/16 10:16
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>Document</title><style type="text/css">        /*top scroll快讯滚动*/        .top_scroll { width: 590px; overflow: hidden; height: 41px; float: left; padding: 12px 0 0 20px; }        .scroll_con { float: left; position: relative; overflow: hidden; height: 41px; width: 540px; }        .scroll_con .roll { position: absolute; overflow: hidden; top: 0px; left: 15px; width: 540px; }        .scroll_con .roll ul li { height: 41px; line-height: 41px; clear: both; width: 530px; overflow: hidden; white-space: nowrap; text-align: left; }        .scroll_con .roll ul li A:link { COLOR: #333; text-decoration: none; }        .scroll_con .roll ul li A:visited { COLOR: #333; text-decoration: none; }        .scroll_con .roll ul li A:hover { COLOR: #bc2931; text-decoration: underline; }        .opr_btn { float: right; width: 25px; margin-top: 5px; }        .opr_btn span { background: url(http://image.cbcie.com/webimg/index/scroll_60.png) no-repeat -49px 0; display: block; margin-top: 5px; width: 11px; height: 7px; overflow: hidden; cursor: pointer; }        .opr_btn span.upWord { background-position: -37px 0; }        .opr_btn span.upOver { background-position: -49px 0; }        .opr_btn span.downWord { background-position: -37px -7px; }        .opr_btn span.downOver { background-position: -49px -7px; }        /*top scroll快讯滚动*/</style>    <script type="text/javascript" src="http://cj.cbcie.com/js/jquery-1.6.min.js"></script>    <link rel="StyleSheet" href="http://cj.cbcie.com/css/body.css" type="text/css" /> </head> <body>                  <div class="top_scroll">                    <!-- 快讯滚动 start-->                    <div class="scroll_con">                        <div id="roll-area" class="roll">                            <ul id="rolltext">                                <li><a href="/vip/cu/metal_db.html" target="_blank" title="数据库新品"><b>数据库新品</b></a>：                                    <a href="/db/data/chain/cu/index.html" target="_blank" title="铜产业链数据库">铜产业链数据库</a>　                                    <a href="/db/data/gis/cu/index.html" target="_blank" title="铜GIS数据库">铜GIS数据库</a>　                                    <a href="/db/data/resource/cu/index.html" target="_blank" title="铜资源评估数据库">铜资源评估数据库</a></li>                                <li><a href="/shopping/cu/index.html" target="_blank" title="报告更新"><b>报告更新</b></a>：                                    <a href="/shopping/cu/25/0/content.html" target="_blank" title="铜业月度市场研究报告">铜业月度市场研究报告</a>　                                    <a href="/shopping/cu/23/13/content.html" target="_blank" title="铜业价格与市场监测报告">铜业价格与市场监测报告</a></li>                            </ul>                            <ul id="rolltext-copy"></ul>                        </div>                    </div>                    <!-- 快讯滚动 end-->                    <div class="opr_btn">                        <span id="upOne" class="upWord"></span>                        <span id="downOne" class="downWord"></span>                    </div>                </div>        <div class="top_scroll">            <!-- 快讯滚动 start-->            <div class="scroll_con">                <div id="roll-area" class="roll">                    <ul id="rolltext">                        <li><a href="javascript:;" target="_blank" title="一带一路能源项目查询"><b>一带一路能源项目查询</b></a></li>                        <li><a href="javascript:;" target="_blank" title="一带一路沿线国家合作指南"><b>一带一路沿线国家合作指南</b></a></li>                        <li><a href="javascript:;" target="_blank" title="一带一路沿线国家贸易效率评价"><b>一带一路沿线国家贸易效率评价</b></a></li>                        <li><a href="javascript:;" target="_blank" title="一带一路途经省份对接优势评价"><b>一带一路途经省份对接优势评价</b></a></li>                        <li><a href="javascript:;" target="_blank" title="一带一路沿线国家及地区资讯汇总"><b>一带一路沿线国家及地区资讯汇总</b></a></li>                    </ul>                    <ul id="rolltext-copy"></ul>                </div>            </div>            <!-- 快讯滚动 end-->            <div class="opr_btn">                <span id="upOne" class="upWord"></span>                <span id="downOne" class="downWord"></span>            </div>        </div>    <script type="text/javascript" src="http://cj.cbcie.com/js/textscrollupdown.js"></script>    <script type="text/javascript">        //滚动层ID,内容层ID,复制层ID,上操作ID,下操作ID，每个li及间隔长度，滚动间隔，滚动速度        guoobjE.bind(window, 'load', function () {            scrollWord('roll-area', 'rolltext', 'rolltext-copy', 'upOne', 'downOne', 41, 6000, 20);            //scrollWord('yz_roll_area', 'yx_rolltext', 'yz_rolltext_copy', 'yz_upOne', 'yz_downOne', 41, 3000, 20);        });    </script> </body></html>
阅读全文
0 0