程序博客网 > 马克安东尼 知乎

table 列表自动滚动显示代码

来源：互联网 发布：马克安东尼 知乎 编辑：程序博客网 时间：2024/06/06 04:45

 

<html>
<head>
<title>滚动信息 - 51windows.net</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>


</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(_S1,_S2,_W,_H,_T){
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;}}}";
}

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">
_W为滚动内容的宽度
_H为滚动内容的高度,必须为单元格高度的整数倍，这里每个单元格是19px高
_T为滚动后每次停留言时间
*/
//-->
</SCRIPT>
<pre style="color:green;">
/*
简单要说明：

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

_W为滚动内容的宽度
_H为滚动内容的高度,必须为单元格高度的整数倍，这里每个单元格是19px高
_T为滚动后每次停留言时间

*/
</pre>
</body>
</html>
马克安东尼 知乎 马克安东尼 知乎
原创粉丝点击
热门IT博客
ubuntu confubuntu conf
jsp引用java包jsp引用java包
多玩魔兽盒子mac版
ubuntu 桥接模式
n9软件打包
光年seo日志分析工具
mac强制重启
iis7 php mysql 一键
葫芦娃软件下载
手机淘宝账户体检中心
python粒子群算法
建e全景软件
杨幂挑拨周迅赵薇 知乎
怎么出售域名
mac系统隐藏桌面图标
非常污的网络用词
玉米 番薯 知乎
足球滚球大小球软件
js点击事件调用函数
历史的天空 知乎
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 汕头买房 汕头房子 汕头新房 汕头房产 汕头房地产 汕头怎么样 汕头哪里 汕头是哪里 汕头在线 汕头论坛 汕头8小时普工招聘 汕头网站公司 汕头是哪里的 汕头招聘网招聘 汕头房地产信息网 汕头 招聘网 汕头人力资源招聘网 汕头教师招聘网 汕头澄海人才网 汕头职业技术学院网 汕头大学本科招生网 汕头大学网 汕头第一网 汕头公交网 汕头房价网 汕头同城网 汕头楼盘网 汕头网 汕头信息网 汕头自考网 汕头团购网 汕头旅游网 汕头论坛网 汕头102路公交车路线 汕头181路公交车路线时间表 汕头金新路附近酒店 汕头金新路酒店 潮汕人为什么瞧不起汕尾的 汕尾人为什么都那么恶 汕尾人 为什么不能嫁汕尾人

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里