العنوان:
التعبير
<أتش تي أم أل>
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.tablestyle{
لون الخلفية:#CCCCCC; الحدود: #ff0000 صلب 2 بكسل؛ انهيار الحدود: انهيار؛ المؤشر:اليد؛ العرض: 100%؛
}
.tablestyle td{ الحدود:#ff0000 Solid 2px; انهيار الحدود:انهيار؛}
.tablestyle آر{
onmouseover: التعبير(onmouseover=function())
{
this.style.color='red';
this.style.backgroundColor='أصفر'
});
onmouseout: التعبير(onmouseout=function())
{
هذا.style.col
this.style.backgroundColor=''
}
);
}
</style>
<title>无标题文档</title>
</head>
<body>
<table class = "tablestyle" width = "0" border = "0" cellpacing = "0" cellpadding = "0">
<تر>
<td>11111111111</td>
<td>22222222222</td>
</tr>
<تر>
<td>33333333333</td>
<td>44444444</td>
</tr>
<تر>
<td>55555</td>
<td>66666666</td>
</tr>
<تر>
<td>77777777777</td>
<td>8888888888</td>
</tr>
</الجدول>
</الجسم>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－
简单的 皔行变色:
<style type="text/css">
< !- -
tr {background-color:expression((this.sectionRowIndex%2==0)؟"#E1F1F1":":#F0F0F0")}
-->
</style>
<table>
<tr><td>第1行</td><td>الجزء 1</td></tr>
<tr><td>الجزء 2</td><td>الجزء 2</td></tr>
<tr><td
>الثالثة</td><td>الثالثة</td></tr> <tr><td>الرابعة</td
><td>الرابعة </td></tr>
< tr><td>第5行</td><td>第5列</td></tr>
</table>
－－－－－－－－－－－－－－－－－－－－ －－－－－－－－－－－
每个单元格变色:
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)? "red "blue")}
td {background-color:expression((this.cellIndex%2==0)؟"":((this.parentElement.sectionRowIndex%2==0)؟"green": أصفر)))
-->
</style>
<table>
<tr><td>第1行</td><td>第1列</td></tr>
<tr><td>第2
اللون</td><td>اللون 2 اللون</td></tr> <tr><td> اللون 3 اللون </td><td> اللون 3 اللون </td>
</tr>
<tr>< td> 4 ألوان </td><td> 4 نقاط </td></tr>
<tr><td> 5 نقاط </td><td> 5 نقاط </td></tr>
</table>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
يستخدم التعبير، أفضل ما في الأمر هو IE6 (الإصدار 6) إذا قمت بذلك، قم بإيقاف تشغيل Firefox في أي وقت……، قم بإيقاف تشغيل Firefox في أي وقت، وقم بإنشاء ملف
JS (2)
لغة البرمجة:
<script language="javascript" >
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
li[i].style.backgroundColor="#FFB584";
li[i].onmouseover=function(){
this.style.backgroundColor="#FFFFFF";
}
li[i].onmouseout=function(){
this.style.backgroundColor="#FFB584"
}
}
}
</script>
<table id="mytable">
<tr><td>第1行</td> <td> 1 </td></tr>
<tr><td> 2 </td><td> 2 </td>
</tr> <tr><td> 3 .
</td><td>الثالثة </td></tr> <tr><td>الرابعة </td><td>الثالثة
</td></tr>
<tr><td >5行</td><td>第5列</td></tr>
</table>
－－－－－－－－－－－－－－－－－－－－－－－－
قم بالتحويل:
<script language="javascript">
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.backgroundColor="#FFB584";
}else li[i].style.backgroundColor="#FFFFFF";
}
}
</script>
<table id="mytable">
<tr><td>رقم 1</td><td>رقم 1</td></tr>
<tr><td>رقم 2 </td><td> 2 列 </td></tr>
<tr><td> 3 </td><td> 3 </td></tr>
<tr><td > 4 ألوان </td><td> 4 نقاط
</td></tr> <tr><td> 5 نقاط </td><td> 5 نقاط </td>
</tr>< /table>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
以上都要用 في JS، قم بتحديد معرف الجدول، ثم طاولة طعام فاخرة قم بتنزيل متصفح Firefox المفضل لديك NoScript …… قم بتنزيل تطبيق NoScript