滚动信息示例

发表于 由
  1. <html>  
  2. <head>  
  3. <title>滚动信息 - 51windows.net</title>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  5. <style type="text/css">  
  6. body{font-size:12px;background-color:#FFF;overflow:hidden;}   
  7. td{font-size:12px;}   
  8. .titletd td{background-color:#EFEFEF;padding:2px;text-align:center;}   
  9. .datatd td{background-color:#FFFFFF;height:18px;padding-left:2px;}   
  10. .td1{width:80px;}   
  11. .td2{width:85px;}   
  12. .td3{width:100px;}   
  13. .td4{width:70px;}   
  14. .td5{width:60px;}   
  15. .td6{width:85px;}   
  16. .td7{width:62px;}   
  17. </style></head>  
  18. <body>  
  19. <table border="0" width="100%" cellspacing="0" cellpadding="0">  
  20.   <tr>  
  21.     <td width="100%">  
  22.     <table width="550" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc">  
  23.         <tr class="titletd">  
  24.             <td nowrap class="td1">产品名称</td>  
  25.             <td nowrap class="td2">规格</td>  
  26.             <td nowrap class="td3">产地</td>  
  27.             <td nowrap class="td4">价格</td>  
  28.             <td nowrap class="td5">单位</td>  
  29.             <td nowrap class="td6">企业名称</td>  
  30.             <td nowrap class="td7">日期</td>  
  31.         </tr>  
  32.     </table>  
  33.     </td>  
  34.   </tr>  
  35.   <tr>  
  36.     <td width="100%">  
  37.     <div id="A1">  
  38.         <div id="A2">  
  39. <table width="550" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" style="margin-top:-1px;">  
  40.     <tbody class="datatd">  
  41.         <tr>  
  42.             <td nowrap class="td1">白银</td>  
  43.             <td nowrap class="td2">1#</td>  
  44.             <td nowrap class="td3">#</td>  
  45.             <td nowrap class="td4" align="right">3,465</td>  
  46.             <td nowrap class="td5">元/公斤</td>  
  47.             <td nowrap class="td6">长江现货</td>  
  48.             <td nowrap class="td7">2006-8-25</td>  
  49.         </tr>  
  50.   
  51.         <tr>  
  52.             <td nowrap class="td1">锑</td>  
  53.             <td nowrap class="td2">1#</td>  
  54.             <td nowrap class="td3">#</td>  
  55.             <td nowrap class="td4" align="right">47,000</td>  
  56.             <td nowrap class="td5">元/公斤</td>  
  57.             <td nowrap class="td6">长江现货</td>  
  58.             <td nowrap class="td7">2006-8-25</td>  
  59.         </tr>  
  60.   
  61.         <tr>  
  62.             <td nowrap class="td1">电解锰</td>  
  63.             <td nowrap class="td2">1#</td>  
  64.             <td nowrap class="td3">#</td>  
  65.             <td nowrap class="td4" align="right">12,700</td>  
  66.             <td nowrap class="td5">元/吨</td>  
  67.             <td nowrap class="td6">长江现货</td>  
  68.             <td nowrap class="td7">2006-8-25</td>  
  69.         </tr>  
  70.   
  71.         <tr>  
  72.             <td nowrap class="td1">铜升水</td>  
  73.             <td nowrap class="td2">1#</td>  
  74.             <td nowrap class="td3">#</td>  
  75.             <td nowrap class="td4" align="right">600</td>  
  76.             <td nowrap class="td5">元/吨</td>  
  77.             <td nowrap class="td6">长江现货</td>  
  78.             <td nowrap class="td7">2006-8-25</td>  
  79.         </tr>  
  80.   
  81.         <tr>  
  82.             <td nowrap class="td1">铜升水</td>  
  83.             <td nowrap class="td2">1#</td>  
  84.             <td nowrap class="td3">#</td>  
  85.             <td nowrap class="td4" align="right">300</td>  
  86.             <td nowrap class="td5">元/吨</td>  
  87.             <td nowrap class="td6">长江现货</td>  
  88.             <td nowrap class="td7">2006-8-25</td>  
  89.         </tr>  
  90.   
  91.         <tr>  
  92.             <td nowrap class="td1">电解铜</td>  
  93.             <td nowrap class="td2">1#</td>  
  94.             <td nowrap class="td3">#</td>  
  95.             <td nowrap class="td4" align="right">68,490</td>  
  96.             <td nowrap class="td5">元/吨</td>  
  97.             <td nowrap class="td6">长江现货</td>  
  98.             <td nowrap class="td7">2006-8-25</td>  
  99.         </tr>  
  100.   
  101.         <tr>  
  102.             <td nowrap class="td1">电解铝</td>  
  103.             <td nowrap class="td2">A00</td>  
  104.             <td nowrap class="td3">#</td>  
  105.             <td nowrap class="td4" align="right">19,540</td>  
  106.             <td nowrap class="td5">元/吨</td>  
  107.             <td nowrap class="td6">长江现货</td>  
  108.             <td nowrap class="td7">2006-8-25</td>  
  109.         </tr>  
  110.   
  111.         <tr>  
  112.             <td nowrap class="td1">电解铅</td>  
  113.             <td nowrap class="td2">1#</td>  
  114.             <td nowrap class="td3">#</td>  
  115.             <td nowrap class="td4" align="right">12,000</td>  
  116.             <td nowrap class="td5">元/吨</td>  
  117.             <td nowrap class="td6">长江现货</td>  
  118.             <td nowrap class="td7">2006-8-25</td>  
  119.         </tr>  
  120.   
  121.         <tr>  
  122.             <td nowrap class="td1">电解锌</td>  
  123.             <td nowrap class="td2">0#</td>  
  124.             <td nowrap class="td3">#</td>  
  125.             <td nowrap class="td4" align="right">29,650</td>  
  126.             <td nowrap class="td5">元/吨</td>  
  127.             <td nowrap class="td6">长江现货</td>  
  128.             <td nowrap class="td7">2006-8-25</td>  
  129.         </tr>  
  130.   
  131.         <tr>  
  132.             <td nowrap class="td1">电解锌</td>  
  133.             <td nowrap class="td2">1#</td>  
  134.             <td nowrap class="td3">#</td>  
  135.             <td nowrap class="td4" align="right">27,900</td>  
  136.             <td nowrap class="td5">元/吨</td>  
  137.             <td nowrap class="td6">长江现货</td>  
  138.             <td nowrap class="td7">2006-8-25</td>  
  139.         </tr>  
  140.   
  141.         <tr>  
  142.             <td nowrap class="td1">无氧铜丝</td>  
  143.             <td nowrap class="td2">Φ3mm</td>  
  144.             <td nowrap class="td3">#</td>  
  145.             <td nowrap class="td4" align="right">69,400</td>  
  146.             <td nowrap class="td5">元/吨</td>  
  147.             <td nowrap class="td6">长江现货</td>  
  148.             <td nowrap class="td7">2006-8-25</td>  
  149.         </tr>  
  150.   
  151.         <tr>  
  152.             <td nowrap class="td1">镍</td>  
  153.             <td nowrap class="td2">1#</td>  
  154.             <td nowrap class="td3">#</td>  
  155.             <td nowrap class="td4" align="right">315,000</td>  
  156.             <td nowrap class="td5">元/吨</td>  
  157.             <td nowrap class="td6">长江现货</td>  
  158.             <td nowrap class="td7">2006-8-25</td>  
  159.         </tr>  
  160.   
  161.         <tr>  
  162.             <td nowrap class="td1">锡</td>  
  163.             <td nowrap class="td2">1#</td>  
  164.             <td nowrap class="td3">#</td>  
  165.             <td nowrap class="td4" align="right">78,000</td>  
  166.             <td nowrap class="td5">元/吨</td>  
  167.             <td nowrap class="td6">长江现货</td>  
  168.             <td nowrap class="td7">2006-8-25</td>  
  169.         </tr>  
  170.   
  171.         <tr>  
  172.             <td nowrap class="td1">钴</td>  
  173.             <td nowrap class="td2">1#</td>  
  174.             <td nowrap class="td3">#</td>  
  175.             <td nowrap class="td4" align="right">400,000</td>  
  176.             <td nowrap class="td5">元/吨</td>  
  177.             <td nowrap class="td6">长江现货</td>  
  178.             <td nowrap class="td7">2006-8-25</td>  
  179.         </tr>  
  180.   
  181.         <tr>  
  182.             <td nowrap class="td1">漆包线</td>  
  183.             <td nowrap class="td2">0.1-2.5mm</td>  
  184.             <td nowrap class="td3">#</td>  
  185.             <td nowrap class="td4" align="right">75,540</td>  
  186.             <td nowrap class="td5">元/吨</td>  
  187.             <td nowrap class="td6">长江现货</td>  
  188.             <td nowrap class="td7">2006-8-25</td>  
  189.         </tr>  
  190.   
  191.         <tr>  
  192.             <td nowrap class="td1">MB超细镍粉</td>  
  193.             <td nowrap class="td2">150～1000</td>  
  194.             <td nowrap class="td3">#</td>  
  195.             <td nowrap class="td4" align="right">550</td>  
  196.             <td nowrap class="td5">元/公斤</td>  
  197.             <td nowrap class="td6">长江现货</td>  
  198.             <td nowrap class="td7">2006-8-25</td>  
  199.         </tr>  
  200.   
  201.         <tr>  
  202.             <td nowrap class="td1">砷铜合金</td>  
  203.             <td nowrap class="td2"> </td>  
  204.             <td nowrap class="td3">#</td>  
  205.             <td nowrap class="td4" align="right">68,500</td>  
  206.             <td nowrap class="td5">元/吨</td>  
  207.             <td nowrap class="td6">长江现货</td>  
  208.             <td nowrap class="td7">2006-8-25</td>  
  209.         </tr>  
  210.   
  211.         <tr>  
  212.             <td nowrap class="td1">砷铜合金</td>  
  213.             <td nowrap class="td2"> </td>  
  214.             <td nowrap class="td3">#</td>  
  215.             <td nowrap class="td4" align="right">68,500</td>  
  216.             <td nowrap class="td5">元/吨</td>  
  217.             <td nowrap class="td6">长江现货</td>  
  218.             <td nowrap class="td7">2006-8-24</td>  
  219.         </tr>  
  220.   
  221.     </tbody>  
  222. </table>  
  223.   
  224.         </div>  
  225.     </div>  
  226.     </td>  
  227.   </tr>  
  228. </table>  
  229.   
  230. <br>  
  231.       
  232. <table border="0" width="100%" cellspacing="0" cellpadding="0">  
  233.   <tr>  
  234.     <td width="100%">  
  235.     <table width="160" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc">  
  236.         <tr class="titletd">  
  237.             <td nowrap class="td1">名称1</td>  
  238.             <td nowrap class="td1">名称2</td>  
  239.         </tr>  
  240.     </table>  
  241.     </td>  
  242.   </tr>  
  243.   <tr>  
  244.     <td width="100%">  
  245.     <div id="B1">  
  246.         <div id="B2">  
  247. <table width="160" border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" style="margin-top:-1px;">  
  248.     <tbody class="datatd">  
  249.         <tr>  
  250.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  251.         </tr>  
  252.         <tr>  
  253.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  254.         </tr>  
  255.         <tr>  
  256.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  257.         </tr>  
  258.         <tr>  
  259.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  260.         </tr>  
  261.         <tr>  
  262.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  263.         </tr>  
  264.         <tr>  
  265.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  266.         </tr>  
  267.         <tr>  
  268.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  269.         </tr>  
  270.         <tr>  
  271.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  272.         </tr>  
  273.         <tr>  
  274.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  275.         </tr>  
  276.         <tr>  
  277.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  278.         </tr>  
  279.         <tr>  
  280.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  281.         </tr>  
  282.         <tr>  
  283.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  284.         </tr>  
  285.         <tr>  
  286.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  287.         </tr>  
  288.         <tr>  
  289.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  290.         </tr>  
  291.         <tr>  
  292.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  293.         </tr>  
  294.         <tr>  
  295.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  296.         </tr>  
  297.         <tr>  
  298.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  299.         </tr>  
  300.         <tr>  
  301.             <td nowrap class="td1">1234567890</td><td nowrap class="td1">1234567890</td>  
  302.         </tr>  
  303.     </tbody>  
  304. </table>  
  305.   
  306.         </div>  
  307.     </div>  
  308.     </td>  
  309.   </tr>  
  310. </table>  
  311. <SCRIPT language=JavaScript>  
  312. <!--   
  313. function _InitScroll(_S1,_S2,_W,_H,_T){   
  314.     return "var marqueesHeight"+_S1+"="+_H+";var stopscroll"+_S1+"=false;var scrollElem"+_S1+"=document.getElementById('"+_S1+"');with(scrollElem"+_S1+"){style.width="+_W+";style.height=marqueesHeight"+_S1+";style.overflow='hidden';noWrap=true;}scrollElem"+_S1+".onmouseover=new Function('stopscroll"+_S1+"=true');scrollElem"+_S1+".onmouseout=new Function('stopscroll"+_S1+"=false');var preTop"+_S1+"=0; var currentTop"+_S1+"=0; var stoptime"+_S1+"=0;var leftElem"+_S2+"=document.getElementById('"+_S2+"');scrollElem"+_S1+".appendChild(leftElem"+_S2+".cloneNode(true));setTimeout('init_srolltext"+_S1+"()',"+_T+");function init_srolltext"+_S1+"(){scrollElem"+_S1+".scrollTop=0;setInterval('scrollUp"+_S1+"()',50);}function scrollUp"+_S1+"(){if(stopscroll"+_S1+"){return;}currentTop"+_S1+"+=1;if(currentTop"+_S1+"==(marqueesHeight"+_S1+"+1)) {stoptime"+_S1+"+=1;currentTop"+_S1+"-=1;if(stoptime"+_S1+"=="+_T/50+") {currentTop"+_S1+"=0;stoptime"+_S1+"=0;}}else{preTop"+_S1+"=scrollElem"+_S1+".scrollTop;scrollElem"+_S1+".scrollTop +=1;if(preTop"+_S1+"==scrollElem"+_S1+".scrollTop){scrollElem"+_S1+".scrollTop=0;scrollElem"+_S1+".scrollTop +=1;}}}";   
  315. }   
  316.   
  317. eval(_InitScroll("A1","A2",550,19*6,4000));   
  318. eval(_InitScroll("B1","B2",164,19*4,2000));   
  319.   
  320. /*   
  321. A1,A2或B1,B2是滚动内容区域外的两个DIV的ID   
  322. 如   
  323.     <div id="B1">  
  324.         <div id="B2">  
  325. _W为滚动内容的宽度   
  326. _H为滚动内容的高度,必须为单元格高度的整数倍，这里每个单元格是19px高   
  327. _T为滚动后每次停留言时间   
  328.   
  329. CSode by 51windows.net   
  330. Email:51windows#gmail.com   
  331. 2006-8-25   
  332. */   
  333. //-->  
  334. </SCRIPT>  
  335. <pre style="color:green;">  
  336. /*   
  337. 简单要说明：   
  338.   
  339. A1,A2或B1,B2是滚动内容区域外的两个DIV的ID   
  340.   
  341. _W为滚动内容的宽度   
  342. _H为滚动内容的高度,必须为单元格高度的整数倍，这里每个单元格是19px高   
  343. _T为滚动后每次停留言时间   
  344. Code by 51windows.net   
  345. Email:51windows#gmail.com   
  346. 2006-8-25   
  347. */   
  348. </pre>  
  349. </body>  
  350. </html>  
  1. da shang
    donate-alipay
               donate-weixin weixinpay

发表评论↓↓