jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

Js表格隔行换色(隔行变色)代码一例

来源:网络整理  作者:网友投稿  发布时间:2020-12-27 21:16
js代码实现表格的隔行换色,或叫隔行变色,有需要的朋友,可以参考下。...

代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns=headmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleJs实现表格隔行变色-/titlestyle type=text/cssbody{ padding:0; margin:0; font:Arial; font-size:12px;}.bf{ padding:0; margin:auto;}.bf table{ text-align:center;line-height:14pt;}.bf th{ width:50px; padding:10px;}.f1{ background:#fff8f0;}.f2{ background:#f0f7ff;}.f3{ background:#f7f7f7;}/style/headbodydiv class=bftable border=1 bordercolor=#00CCFF cellspacing=0 caption脚本学堂_/captiontr class=bth/thth scope=col2006年/thth scope=col2007年/thth scope=col2008年/thth scope=col2009年/th/trtr class=bth scope=row rowspan=4总/th/trtrtd4/tdtd2/tdtd56/tdtd43/td/trtrtd10/tdtd4/tdtd10/tdtd10/td/trtrtd10/tdtd76/tdtd10/tdtd9/td/trtr class=bth scope=row rowspan=4总/th/trtrtd10/tdtd10/tdtd10/tdtd10/td/trtrtd2/tdtd10/tdtd12/tdtd10/td/trtrtd10/tdtd10/tdtd10/tdtd10/td/trtr class=bth scope=row rowspan=4总/th/trtrtd10/tdtd5/tdtd10/tdtd10/td/trtrtd10/tdtd7/tdtd10/tdtd3/td/trtrtd10/tdtd5/tdtd7/tdtd8/td/tr/table/divscript type=text/javascriptvar bg=document.getElementsByTagName('tr');for(var i=0,j=0;ibg.length;i++){if(bg[i].className!='b'){ j++;bg[i].className=j%2==0?'f1':'f2';}else{bg[i].className='f3'}}/script/body/html ,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/9848.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

Js表格隔行换色(隔行变色)代码一例

2020-12-27 编辑:网友投稿

代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns=headmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleJs实现表格隔行变色-/titlestyle type=text/cssbody{ padding:0; margin:0; font:Arial; font-size:12px;}.bf{ padding:0; margin:auto;}.bf table{ text-align:center;line-height:14pt;}.bf th{ width:50px; padding:10px;}.f1{ background:#fff8f0;}.f2{ background:#f0f7ff;}.f3{ background:#f7f7f7;}/style/headbodydiv class=bftable border=1 bordercolor=#00CCFF cellspacing=0 caption脚本学堂_/captiontr class=bth/thth scope=col2006年/thth scope=col2007年/thth scope=col2008年/thth scope=col2009年/th/trtr class=bth scope=row rowspan=4总/th/trtrtd4/tdtd2/tdtd56/tdtd43/td/trtrtd10/tdtd4/tdtd10/tdtd10/td/trtrtd10/tdtd76/tdtd10/tdtd9/td/trtr class=bth scope=row rowspan=4总/th/trtrtd10/tdtd10/tdtd10/tdtd10/td/trtrtd2/tdtd10/tdtd12/tdtd10/td/trtrtd10/tdtd10/tdtd10/tdtd10/td/trtr class=bth scope=row rowspan=4总/th/trtrtd10/tdtd5/tdtd10/tdtd10/td/trtrtd10/tdtd7/tdtd10/tdtd3/td/trtrtd10/tdtd5/tdtd7/tdtd8/td/tr/table/divscript type=text/javascriptvar bg=document.getElementsByTagName('tr');for(var i=0,j=0;ibg.length;i++){if(bg[i].className!='b'){ j++;bg[i].className=j%2==0?'f1':'f2';}else{bg[i].className='f3'}}/script/body/html ,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/9848.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页