表格隔行变色

于 2011-06-24 16:49:00 发布
阅读量665 收藏
点赞数 1
文章标签： border class c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangmurong/article/details/6566178
版权

    <style type="text/css">

.tds {border: 1px #00A0C8 solid; font-size:12px; padding-top:5px; padding-left:5px; height:26px}//表格边框
 .tdbackg{background-color:#F7F7F7}
</style>

 

 

 

<tr class="<%#IIf((Container.ItemIndex+1) mod 2=0,"tdbackg","")%>">

jiangmurong
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
10-22
在这个例子中，我们将深入探讨如何使用jQuery创建一个插件，以实现表格隔行变色以及鼠标滑过时的高亮显示效果。 首先，我们来看一下基本的HTML结构，这里包含了一个简单的表格，用于展示插件的效果： ```html ...
隔行变色
cyh
12-10 1698
隔行变色 Excel表的格子很多，为了避免把某行的数据和相邻行混淆，可以采用隔行变色的样式。  小明设计的样式为：第1行蓝色，第2行白色，第3行蓝色，第4行白色，….  现在小明想知道，从第21行到第50行一共包含了多少个蓝色的行。 请你直接提交这个整数，千万不要填写任何多余的内容。 思路：         循环，奇数为蓝色，偶数为白色 代码： #include main
js实现表格隔行变色
01-08
在这个函数中，我们进行表格隔行变色的设置。 `document.getElementById('dve1')`是获取ID为'dve1'的HTML元素，通常情况下，这将是一个`<table>`标签，代表我们要操作的表格。然后，`getElementsByTagName('tr')`...
原生JS操作网页给p元素添加onclick事件及表格隔行变色
10-26
原生JS操作网页,给网页中的所有p元素添加onclick事件，使一个特定的表格隔行变色等等，感兴趣的朋友可以参考下
JS控制表格隔行变色
01-19
”800″ border u201d0″ cellpadding=”0″ cellspacing>  不变色  ”goaler”>  <td>xxxxxxxx   <td>xxxxxxxx   <td>xxxxxxxx   <td>xxxxxxxx  </tbod
jQuery 表格隔行变色代码[修正注释版]
10-30
### jQuery 表格隔行变色技术解析 #### 核心知识点概述 本文将深入探讨一个实用的jQuery脚本，该脚本实现了表格中的隔行变色功能，并附带了一个JavaScript版本作为补充。通过分析提供的代码片段，我们将详细了解...
jQuery 行背景颜色的交替显示(隔行变色)实现代码
01-21
一些css的定义，可以根据需要自己选择。//显示单双行显示不同背景色【方法一】： // $(“#UL_id li:even”).attr(“className”,”redClass”); //显示单双行显示不同背景色【方法二】： $(“#UL_id li:even”).addClass(“redClass”); <ul id=”UL_id”> <li>单数</li> <li>双数</li> <li>双数</li> </ul> odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
javascript实现table表格隔行变色的方法
10-24
主要介绍了javascript实现table表格隔行变色的方法,涉及javascript针对表格元素与样式的操作技巧,需要的朋友可以参考下
jquery表格隔行变色鼠标滑过竖直表格内容变色效果
10-27
本主题涉及的是使用jQuery实现的一种常见的用户界面优化技巧——"表格隔行变色"以及"鼠标滑过时竖直表格内容变色效果"。这种效果可以提升表格的可读性，使得数据更加清晰易辨。 首先，我们来讨论“表格隔行变色”。...
网页里面表格隔行变色代码
11-20
在本案例中，"网页里面表格隔行变色代码" 描述了一种实现表格隔行变色的方法，包括奇偶数行的变色以及点击变色的效果。 首先，我们来了解如何实现基础的表格隔行变色。在HTML中，`<table>`元素用于创建表格，`<tr>`...
javascript表格隔行变色加鼠标移入移出及点击效果的方法
10-24
本文将详细解析如何利用JavaScript实现表格隔行变色、鼠标移入移出以及点击效果，帮助开发者为用户提供更加直观、友好的界面。 首先，表格隔行变色是一种常见的视觉技巧，它通过改变奇偶行的颜色差异来防止用户在...
jquery表格隔行变色
最新发布
01-04
以下是两种实现jQuery表格隔行变色的方法： 1. 使用each()方法遍历表格行，并根据索引值判断是否为偶数行，然后使用css()方法设置背景颜色。 ```javascript $(document).ready(function() { var table = $("#myTable"); table.find("tr").each(function(index, row) { if (index % 2 === 0) { $(row).css("background-color", "#f2f2f2"); } }); }); ``` 2. 使用:eq()选择器根据索引值选择特定行，并使用css()方法设置背景颜色。 ```javascript $("tr:eq(0)").css("background-color", "颜色"); ``` 请注意，上述代码中的"myTable"是表格的ID，你需要将其替换为你实际使用的表格ID。另外，"颜色"是你想要设置的背景颜色，你可以使用颜色名称或十六进制值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值