Html的隔行变颜色效果-简单版

最新推荐文章于 2025-04-28 18:30:07 发布

原创

最新推荐文章于 2025-04-28 18:30:07 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #border #function #generator #xhtml #javascript

这篇博客介绍了两种简单的HTML隔行变色的方法，包括使用CSS表达式和jQuery实现。第一种方法通过CSS表达式`background-color:expression()`实现每两行一循环的变色效果，第二种方法利用jQuery实现点击表格行变色的功能，需要引入jQuery库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大家经常看到一些隔行变色的，可以有很多种方法实现，这里讲几个简单和节省代码的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <%-- Author:Roy Date:2011-03-17 --%> <TITLE> 隔行变色 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:style></mce:style><style mce_bogus="1"> db{border-collapse:collapse;} tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } </style> </HEAD> <BODY> <table width="100%" border="0" class="db"> <tr> <td> 1</td> </tr> <tr>