滾動表格
.table{
width: 100%;
left:30%;
border-collapse:collapse;
border-spacing:0;
}
.fixedThead{
display: block;
width: 100%;
}
.scrollTbody{
display: block;
height: 316px;
overflow: hidden;
width: 100%;
}
.table td {
width: 300px;
border-bottom: #333 1px dashed;
padding: 5px;
}
.table th {
width: 300px;
border-bottom: #333 1px dashed;
border-top: #333 1px dashed;
padding: 5px;
line-height:24px;
}
.table tr{
border-bottom: #333 1px dashed;
line-height:24px;
padding: 5px;
}
thead.fixedThead tr th:last-child {
color:#FF0000;
}
//先在table的最後增加一行，然後再把第一行中的資料填充到新增加的行中，最後再删除table的第一行
function change(table){
var row = table.insertRow(table.rows.length);//在table的最後增加一行,table.rows.length是表格的總行數
for(j=0;j
var cell = row.insertCell(j);//給新插入的行中添加單元格
cell.height = "24px";//一個單元格的高度，跟css樣式中的line-height高度一樣
cell.innerHTML = table.rows[0].cells[j].innerHTML;//設定新單元格的内容，這個根據需要，自己設定
}
table.deleteRow(0);//删除table的第一行
};
function tableInterval(){
var table = document.getElementById("test");//獲得表格
change(table);//執行表格change函數，删除第一行，最後增加一行，類似行滾動
};
setInterval("tableInterval()",2000);//每隔2秒執行一次change函數，相當于table在向上滾動一樣
滾動表格
姓名性别年齡
張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21張三男18李四男20王昕女19李佳女21
http://blog.csdn.net/fy573060627/article/details/48181099
ul 仿 table 循環滾動
//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
asp.net實作動态添加table行
asp.net動态的生成,删除table的行,主要是在背景動态建立單元行,單元表格,效果圖: 2.代碼:
html+css+javascript實作清單循環滾動示例代碼
使用html+css+javascript實作清單循環滾動,設定時間定時,在規定的時間内替換前一個節點的内容,具體示例如下,感興趣的朋友可以參考下 說明:設定時間定時,在規定的時間内替換前一個節點的内 ...
ios UIPickerView 技巧集錦(包括循環滾動)
摘自: http://blog.csdn.net/ipromiseu/article/details/7436521 http://www.cnblogs.com/dabaopku/archive/2 ...
JavaScript Table行定位效果
作者:cloudgamer 時間: 2009-09-17 文檔類型:原創 來自:藍色理想 第 1 頁 JavaScript Table行定位效果 [1] 第 2 頁 JavaScript Table行 ...
我教女朋友學程式設計html系列(5) html中table的用法和例子
女朋友不是學計算機的,但是現在從事計算機行業,做技術支援,她想學習程式設計,是以我打算每天教她一點點,日積月累,帶她學習程式設計,如果其他初學者感興趣,可以跟着學. 為了将table介紹的簡單.生動,具有實戰 ...
Unity3D問題之EnhanceScollView選擇角色3D循環滾動效果實作
需求 呈現3D效果(2D素材)選擇角色效果 滾動保證層級.縮放比例.間距正常尾随 循環滾動 這個界面需求一般也會有遊戲會採用(貌似有挺多) 怎樣實作 實作技術關鍵點 (3D循環效果,依據數學函數和細緻 ...
Android實作真正的ViewPager【平滑過渡】+【循環滾動】！！！順帶還有【末頁跳轉】。
實作真正的ViewPager[平滑過渡]+[循環滾動]!!!順帶還有[末頁跳轉]. 首先呢, 我要對網上常見的3種ViewPager的循環滾動方法做個概述.急需看真正實作方法的同志請選擇性忽略下面這一 ...
随機推薦
回顧java基礎—Java資料類型
1 java資料類型.8種基本類型,3種引用類型 基本類型(也稱:原始類型):byte.short.int.long.char.float.double.boolean 引用類型:類,接口,數組 2 ...
C#基礎----Linq之List<;T>;篇
最近有用到List處理排序以及分頁的問題.想想還是寫一個部落格記錄一下.以下圍繞Person類實作,Person類隻有Name和Age兩個屬性 一.List排序 1.1 List& ...
EventHandler委托與自定義委托
http://blog.csdn.net/uuxyz/article/details/7175248 EventHandler委托與自定義委托 自定義委托: //1. public delegate ...
亞馬遜AWS EC2雲執行個體AMI安裝LNMP環境(3)——Mysql5.5
概括:這裡選擇亞馬遜EC2的Linux AMI執行個體,該Linux伺服器是亞馬遜預配置的Linux環境,内置多個YUM源,屬于亞馬遜首推的穩定Linux伺服器.預設登入使用者名為ec2-user,執行ro ...
WebApi接口傳回json,xml,text純文字等
[Route("api/Message/MessageList/")] [HttpGet] public HttpResponseMessage MessageList() { R ...
PostGis常用函數中文介紹
記錄常用PostGis常用函數: 1.OGC标準函數 管理函數: 添加幾何字段 AddGeometryColumn(, , , , , ) 删除幾何字段 DropGeometryColumn(, , ...
OpenCV滑鼠畫圖例程，滑鼠繪制矩形
滑鼠畫矩形: // An example program in which the // user can draw boxes on the screen. // /* License: Oct. ...
(python)資料結構---元組
一.描述 一個有序的元素組成的集合 元組是不可變的線性資料結構 二.元組的相關操作 1.元組元素的通路 索引不可超界,否則抛異常IndexError 支援正負索引 t = (2, 3) print(t ...
使用JDBC從資料庫中查詢資料的方法
* ResultSet 結果集:封裝了使用JDBC 進行查詢的結果 * 1. 調用Statement 對象的 executeQuery(sql) 方法可以得到結果集 * 2. ResultSet 傳回 ...
PAT甲題題解-1013. Battle Over Cities (25)-求聯通分支個數
題目就是求聯通分支個數删除一個點,剩下聯通分支個數為cnt,那麼需要建立cnt-1邊才能把這cnt個聯通分支個數求出來怎麼求聯通分支個數呢可以用并查集,但并查集的話複雜度是O(m*logn*k)我這裡 ...