如何在JSP中实现表格颜色交替出现
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在JSP中实现表格颜色交替出现相关的知识，希望对你有一定的参考价值。
还不怎么懂JSP，只是想修改一下，所以不要讲的太深奥，通俗易懂的就好，就是让表格背景色一行一行交替出现，方便查看表格。我看了看页代码里没有head style之类的，可能就是个内页
最好能详细的，具体一步步的，表格内容是数据库里读出来的，CSS其实我也不怎么懂，超级初学者
哈哈，帮你解决了问题，而且还要感谢你，我学会了CSS中的expression
解决方法如下：
<style>
td,th
background:expression((this.parentNode.rowIndex)%2==0?"#3DB7CC":"#B3F4FF");
</style>
在<head>...</head>加上这段代码，就可以适用任何网页，其中#......是颜色的代码，可以随意搭配，顺便给你截张图
祝咱俩都学习进步！
你不想用script脚本的话，不妨在该Jsp页面代码的tr标签里写入一个属性bgcolor，为每一行设置不同的颜色即可
<body>
<table border="1">
<tr bgcolor="cyan">
<td>dsa</td>
<td>dsa</td>
</tr>
<tr bgcolor="green">
<td>dsa</td>
<td>dsa</td>
</tr>
</table>
</body> 参考技术B <table id="tbname">
<tr><td>1</td><td> </td><td> </td><td> </td></tr>
<tr><td>2</td><td> </td><td> </td><td> </td></tr>
<tr><td>3</td><td> </td><td> </td><td> </td></tr>
<tr><td>4</td><td> </td><td> </td><td> </td></tr>
<tr><td>5</td><td> </td><td> </td><td> </td></tr>
<tr><td>6</td><td> </td><td> </td><td> </td></tr>
<tr><td>7</td><td> </td><td> </td><td> </td></tr>
</table>
<script>
var table1 = document.getElementById("tbname");
var rows = table1.getElementsByTagName("tr");
for(var i=0;i<rows.length;i++)
if(i%2==0)
rows[i].style.backgroundColor='red';
else
rows[i].style.backgroundColor='green';
</script> 参考技术C 每行表格有个id
对id取余 if (id%2==0) 就给tr的class或者style里附上一定的背景色就行了
大概就是这个意思 参考技术D 参考代码如下：
<SCRIPT LANGUAGE=”javascript”>
window.onload = function()
doubleBgColor(document.getElementById(”table1“),”#f8fbfc“,”#e5f1f4“);
function doubleBgColor(Table,Bg1,Bg2)
for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1;
</SCRIPT>
以上是关于如何在JSP中实现表格颜色交替出现的主要内容，如果未能解决你的问题，请参考以下文章