一直没注意table的隔行换色,突然要调试一个隔行换色,于是。
function table_even_odd(){ $("#showcss table tr:odd").css("background-color","#fbfbfb"); $("#showcss table tr:even").css("background-color","#ffffff"); } function table_css_hover(){ table_even_odd(); var tabletrbg=""; var tabletrbg=""; $("#showcss table tr").hover( function(){ tabletrbg=$(this).css("background-color"); $(this).css("background-color","#f9f9f9"); }, function(){ $(this).css("background-color",tabletrbg); } ); }
小列子。分享下。
相关推荐
当鼠标点到那一行时哪一行就会变色 很漂亮 实用
/** * * @author 翟正强 广东中山中南中南T25班 * @version1.0 * @2009-09-08 * @表格渲染(悬浮变色,隔行换色,点击变色) */
codeAjax选codeAjax选项卡、隔行换色、弹出层项卡、隔行换色codeAjax选项卡、隔行换色、弹出层、弹出层
主要介绍jQuery实现table隔行换色和鼠标经过变色的两种方法,需要的朋友可以参考下
今天把项目生成好后,发布到万维网上进行测试,发现table的隔行换色在IE8,chorem中不能正常显示。找了许多资料,CSS看样是不能解决,只能用JS来控制了
var table=document.getElementById("table"); var trs=table.getElementsByTagName("tr"); var i; var color1='#FFFFFF'; var color2='#F8F8F8'; for(i=1;i;i++){ if(i%2==0){ trs[i].className='two'; }...
隔行换色的table表格小例子 jQuery,为初学者练习所用.下着玩玩.
为表列添加排序功能,列适应表格宽度,添加光棒以及各行颜色差效果,背景颜色,隔行换色
很经典的js特效,上传供大家学习,希望对你们做项目的时候有所帮助。
今天上午对checkbox相关事件整合了下,运用jquery相关知识,整理table中隔行换色,选中变色,全选,反选等操作,并且对table动态添加行进行了相关整理。
jQuery-dnTableEx V2.0 基于Jquery的表格隔行换色和分页插件 唐宁软件团队出品的免费表格隔行换色和分页插件: API lang: "cn", //切换默认中英文按钮名称 默认cn ifdnTableExColor: true, //调用隔行变色功能 默认...
既然你都知道是隔行换色了,那就隔行换色就是了。方法很多。 最直接的在每一行的上直接加bgcolor=”red”。 用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如: tr class=”trClass1″ tr class=...
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>隔行换色</title> [removed][removed] ...
jquery实现表格多选,单击颜色加深,再点击颜色还原,隔行换色,自己写的插件
Js实现表格隔行换色一例 body{ 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{ ...
下面一个示例为大家详细介绍下使用jquery实现表格的隔行换色功能,感兴趣的朋友可以参考下
表格隔行换色 需求分析 我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色 技术分析 table对象 集合 cells[]:返回包含...