table border边框线虚线 隔行换色onmouse效果 div换色

table border边框线虚线 隔行换色onmouse效果 div换色CTYPEHTMLPUBLIC”-//W3C//DTDHTML4.01Transitional//EN””http://www.w3.org/TR/html4/loose.dt>.a1{background-color:#B3C1F4;color:#0E30AE}.a2{background-color:#EDF1FF;color:#0E30AE

<script type=”text/javascript”> </script>

列1 列2 列3
11 22 33
11 22 33
11 22 33
11 22 33
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

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注