<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.changeAfter{
background-color: red;
display:none;
}
.changeBefore{
background-color: '#f5f5f5';
}
</style>
</head>
<body>
<button οnclick="changeTR(null,0)">改变</button>
<table border=1>
<thead>
<tr>
<td>名称</td>
</tr>
</thead>
<tbody id="table_body">
<tr>
<td>天机棒</td>
</tr>
<tr>
<td>子母龙凤环</td>
</tr>
<tr>
<td>小李飞刀</td>
</tr>
<tr>
<td>嵩阳铁剑</td>
</tr>
<tr>
<td>温侯银戟</td>
</tr>
<tr>
<td>蛇鞭</td>
</tr>
<tr>
<td>金刚铁拐</td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
function change(){
setInterval(function(){
changeTR(null,0);
},5000);
}
function changeTR(trid,rowid){
var trlength = $("#table_body").children().length;
var changeTR;
if(!trid){
var i =Math.floor(Math.random()*trlength);
if(i == rowid){
return;
}
changeTR = $("#table_body").find("tr").eq(i);
trid = i;
}
var j = trid;
if(rowid<trlength){
$("#table_body tr").removeClass()
changeTR = $("#table_body").find("tr").eq(j);
changeTR.addClass("changeBefore");
changeTR.fadeOut(2500,function(){
changeTR.remove();
$("#table_body").find("tr").eq(rowid).before("<tr>"+changeTR.html()+"</tr>");
var newTR = $("#table_body").find("tr").eq(0);
newTR.removeClass().addClass("changeAfter");
newTR.fadeIn();
});
}else{
return;
}
}
$(document).ready(function(){
change();
});
</script>
</html>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.changeAfter{
background-color: red;
display:none;
}
.changeBefore{
background-color: '#f5f5f5';
}
</style>
</head>
<body>
<button οnclick="changeTR(null,0)">改变</button>
<table border=1>
<thead>
<tr>
<td>名称</td>
</tr>
</thead>
<tbody id="table_body">
<tr>
<td>天机棒</td>
</tr>
<tr>
<td>子母龙凤环</td>
</tr>
<tr>
<td>小李飞刀</td>
</tr>
<tr>
<td>嵩阳铁剑</td>
</tr>
<tr>
<td>温侯银戟</td>
</tr>
<tr>
<td>蛇鞭</td>
</tr>
<tr>
<td>金刚铁拐</td>
</tr>
</tbody>
</table>
</body>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
function change(){
setInterval(function(){
changeTR(null,0);
},5000);
}
function changeTR(trid,rowid){
var trlength = $("#table_body").children().length;
var changeTR;
if(!trid){
var i =Math.floor(Math.random()*trlength);
if(i == rowid){
return;
}
changeTR = $("#table_body").find("tr").eq(i);
trid = i;
}
var j = trid;
if(rowid<trlength){
$("#table_body tr").removeClass()
changeTR = $("#table_body").find("tr").eq(j);
changeTR.addClass("changeBefore");
changeTR.fadeOut(2500,function(){
changeTR.remove();
$("#table_body").find("tr").eq(rowid).before("<tr>"+changeTR.html()+"</tr>");
var newTR = $("#table_body").find("tr").eq(0);
newTR.removeClass().addClass("changeAfter");
newTR.fadeIn();
});
}else{
return;
}
}
$(document).ready(function(){
change();
});
</script>
</html>