js实现的一个表格效果
2007-11-02 14:39
417 查看
<table width="500" border="0" cellpadding="1" cellspacing="1" id="tbl" style=" border:1px solid #f00;">
<tr>
<td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>
<td>2007-11-01</td>
</tr>
<tr>
<td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>
<td>2007-11-01</td>
</tr>
<tr>
<td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>
<td>2007-11-01</td>
</tr>
<tr>
<td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>
<td>2007-11-01</td>
</tr>
<tr>
<td>第二届中国国旅总统系列三峡豪华游轮特惠周活动举行</td>
<td>2007-11-01
b47c
</td>
</tr>
</table>
<script language="javascript">
window.onload=insert_row_line();
function insert_row_line()
...{
var n;
var j=0;
n=tbl.rows.length;
for (var i=1;i<n;i++)
...{
if((i%2)==0)
...{
R=tbl.insertRow(i+j);
C=R.insertCell(0);
C.colSpan=2;
C.innerHTML="<div style="background:#ccc;height:10px;"></div>";
j++;
}
}
}
</script>
相关文章推荐
- 用Js Dom实现通过用户输入行数和列数,生成一个表格
- 一个简易时钟效果js实现代码
- JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
- JS 实现简单的Table表格分页效果(假分页)
- 一个简单的js脚本实现表格排序
- 用js实现的一个加载中状态的动态效果
- 用html5 js实现点击一个按钮达到浏览器全屏效果
- 一个js实现简单的字幕滚动效果
- 用js实现同一个页面多个渐变效果
- 用JS实现一个TreeMenu树形菜单效果
- JS实现的表格行鼠标点击高亮效果代码
- JS实现的表格行鼠标点击高亮效果代码
- 一个js实现的字体自动打印的效果
- 用js实现的一个根据内容自动生成表格的函数
- 表格行高亮显示实现为一个 js 类
- 使用JS实现简单的表格的增加删除全选反选以及高亮效果
- js写一个弹出层并锁屏效果实现代码
- iosselect:一个js picker项目,在H5中实现IOS的select下拉框效果
- 两种方法使用js读写cookie实现一个底部广告浮层效果
- JS实现鼠标箭头变成一个燃烧烛光效果的方法