<script type=”text/javascript”> </script>
|
1111111111111111111111111 | 2222222222222222222222222 |
aa |
<!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.οnlοad=func
}
else{
window.οnlοad=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].οnmοuseοver=function(){
this.style.fontWeight=”bold”;
this.style.backgroundColor=”red”;
}
tr1[i].οnmοuseοut=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=”100%” border=”0″ cellpadding=”2″ cellspacing=”0″>
<tr>
<td width=”100%”>
<table border=”0″ cellpadding=”3″ cellspacing=”1″ width=”100%” align=”center” style=”background-color: #b9d8f3;” id=”table1″>
<tr style=”text-align: center; COLOR: #0076C8; BACKGROUND-COLOR: #F4FAFF; font-weight: bold”>
<td><font size=”2″>列1</font></td>
<td><font size=”2″>列2</font></td>
<td><font size=”2″>列3</font></td>
</tr>
<tr bgcolor=’#F4FAFF’>
<td nowrap=”nowrap” align=”left”>11<font size=”2″></td>
<td align=”right”><font size=”2″>22</font></td>
<td align=”right”><font size=”2″>33</font></td>
</tr>
<tr bgcolor=’#F4FAFF’>
<td nowrap=”nowrap” align=”left”>11<font size=”2″></td>
<td align=”right”><font size=”2″>22</font></td>
<td align=”right”><font size=”2″>33</font></td>
</tr>
<tr bgcolor=’#F4FAFF’>
<td nowrap=”nowrap” align=”left”>11<font size=”2″></td>
<td align=”right”><font size=”2″>22</font></td>
<td align=”right”><font size=”2″>33</font></td>
</tr>
<tr bgcolor=’#F4FAFF’>
<td nowrap=”nowrap” align=”left”>11<font size=”2″></td>
<td align=”right”><font size=”2″>22</font></td>
<td align=”right”><font size=”2″>33</font></td>
</tr>
</table>
</td>
</tr>
</table>
<table border=”0″ cellspacing=”1″ width=”100%”>
<tr>
<td style=”border: 1px dotted #000000″>1111111111111111111111111</td>
<td style=”border: 1px dotted #000000″>2222222222222222222222222</td>
</tr>
</table>
<table style=”border:dashed 1px #b22e2e”>
<tr><td>aa</td></tr>
</table>
<hr style=”border:dashed 1px #b22e2e”>
</body>
</html>
div换色
<html>
<head>
<style>
div{ star : expression(οnmοuseοver=function(){this.style.backgroundColor=”#AAFFAA”; οnmοuseοut=function(){this.style.backgroundColor=”#FFFFFF”;}})}
</style>
</head>
<body>
<div>111</div>
<div>222</div>
<div>333</div>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/34215.html