نموذج معالجة JS
1. عرض الفاصل الزمني للون الخط
نمط CSS: اثنان من المختارين
نسخة الكود كما يلي:
<type type = "text/css">
.واحد{
خلفية اللون:#33FFCC ؛
}
.اثنين{
اللون الخلفي:#ffff66 ؛
}
</style>
<script type = "text/javaScript">
وظيفة trcolor ()
// يتم عرض لون خط الفاصل الزمني للتحكم بشكل مختلف
{
var tabnode = document.getElementsByTagName ("table") [0] ؛
// احصل على عقدة الجدول
var trs = tabnode.rows ؛
// احصل على جميع الصفوف في الجدول
لـ (var x = 1 ؛ x <trs.length ؛ x ++)
{
إذا (x ٪ 2 == 1)
trs [x] .className = "one" ؛
آخر
trs [x] .className = "اثنين" ؛
}
}
// استخدم طريقة OnLoad ، بعد تحميل صفحة الويب ، قم بتشغيل طريقة Trcolor لتحقيق لون الصفوف المتبعة للجدول.
window.onload = function ()
{
trcolor () ؛
}
</script>
2. انقل الماوس إلى خط معين ، وقم بتغيير الخط وشرع اللون ، ثم نقله بعيدًا لاستعادة اللون الأصلي.
نسخة الكود كما يلي:
<type type = "text/css">
.زيادة{
لون الخلفية: ## 00FF00 ؛
}
<style>
<script type = "text/javaScript">
var اسم
وظيفة trmouse ()
{
var tabnode = document.getEletSbyTagName ("table") [0] ؛
// من خلال حلقة ، أضف سمات onMouseover و onMouseout لكل علامة TR
لـ (var x = 0 ؛ x <trs [x] .Length ؛ x ++)
{
TRS [x] .Onmouseover = function ()
{
الاسم = this.className ؛
this.className = "Over" ؛
}
TES [x] .Onmouseout = function ()
{
this.className = name ؛
}
}
}
</script>