发一个隔行换色,鼠标经过变色,ONMOUSEOVER变色
2008-10-08 10:45
459 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<style type="text/css">
.a1{ background-color:#B3C1F4; color:#0E30AE}
.a2{ background-color:#EDF1FF; color:#0E30AE}
</style>
<script type="text/javascript">
<!--
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function(){
one();
func();
}
}
}
function showtable(){
var tablename=document.getElementById("table1")
var tr1=tablename.getElementsByTagName("tr")
for(var i=1 ;i<tr1.length;i++){
tr1[i].onmouseover=function(){
this.style.fontWeight="bold";
this.style.backgroundColor="#fff";
}
tr1[i].onmouseout=function(){
this.style.fontWeight=""
this.style.backgroundColor=""
}
if(i%2==0){
tr1[i].className="a1";
}else{
tr1[i].className="a2";
}
}
}
onloadEvent(showtable);
-->
</script>
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #4E5547" id="table1">
<tr bgcolor="#0E30AE" style="color:#fff;">
<td width="10%" height="21" background="../images/a_bg1.gif"></td>
<td width="65%" background="../images/a_bg1.gif">标题</td>
<td width="15%" background="../images/a_bg1.gif">发布人</td>
<td width="10%" background="../images/a_bg1.gif">操作</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>wert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>wert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>weert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>dg</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
http://www.corange.cn/archives/2008/06/1269.html
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<style type="text/css">
.a1{ background-color:#B3C1F4; color:#0E30AE}
.a2{ background-color:#EDF1FF; color:#0E30AE}
</style>
<script type="text/javascript">
<!--
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function(){
one();
func();
}
}
}
function showtable(){
var tablename=document.getElementById("table1")
var tr1=tablename.getElementsByTagName("tr")
for(var i=1 ;i<tr1.length;i++){
tr1[i].onmouseover=function(){
this.style.fontWeight="bold";
this.style.backgroundColor="#fff";
}
tr1[i].onmouseout=function(){
this.style.fontWeight=""
this.style.backgroundColor=""
}
if(i%2==0){
tr1[i].className="a1";
}else{
tr1[i].className="a2";
}
}
}
onloadEvent(showtable);
-->
</script>
<body>
<table width="600" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #4E5547" id="table1">
<tr bgcolor="#0E30AE" style="color:#fff;">
<td width="10%" height="21" background="../images/a_bg1.gif"></td>
<td width="65%" background="../images/a_bg1.gif">标题</td>
<td width="15%" background="../images/a_bg1.gif">发布人</td>
<td width="10%" background="../images/a_bg1.gif">操作</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>wert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>wert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>weert</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>dg</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
http://www.corange.cn/archives/2008/06/1269.html
相关文章推荐
- 超简单表格隔行换色+鼠标经过变色2
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- jQuery实现table表格隔行换色鼠标经过变色
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- jsp制作复合表头并循环产生表格内容,控制隔行变色、鼠标经过改变背景色等操作
- 超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- 隔行换色+鼠标经过变色(ie6,ie7,ff)
- javascript学习笔记(十)表格隔行换色,鼠标经过时高亮显示
- js实现隔行变色操作鼠标经过效果
- 拖动隔行变色的鼠标经过变色
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- 简单实现表格隔行变色+鼠标经过变色
- jQuery实现table表格隔行换色鼠标经过变色
- 表格隔行换色+鼠标经过变色(ie6,ie7,ff)
- 表格隔行换色,鼠标经过时高亮显示
- Jquery 隔行换色,鼠标经过换色
- 基于jQuery的的一个隔行变色,鼠标移动变色的小插件
- 基于jQuery的的一个隔行变色,鼠标移动变色的小插件
- 表格隔行换色与鼠标经过变色