تأثير:
شفرة:
انسخ رمز الكود كما يلي:
<رئيس التشغيل = "الخادم">
<العنوان></العنوان>
<نمط النوع = "نص/CSS">
#اللون الخلفي
{
العرض: 400 بكسل؛
الارتفاع: 400 بكسل؛
الخلفية: #FFFF00؛
محاذاة النص: مركز؛
الحدود: ريدج 30pt أحمر؛
الهامش: تلقائي؛
}
TD
{
الحدود: ريدج 3pt أحمر؛
العرض: 100 بكسل؛
الارتفاع: 100 بكسل؛
}
شعبة
{
العرض: تلقائي؛
الارتفاع: 100 بكسل؛
محاذاة النص: مركز؛
ارتفاع الخط: 100 بكسل؛
}
</نمط>
<نوع البرنامج النصي = "نص/جافا سكريبت">
نافذة.onload = وظيفة () {
var divArry = document.getElementsByName('divname');
فار divto = document.getElementById('div12');
var arry = ['مهرجان الربيع', 'عيد الحب', 'لا أعرف ما هي المهرجانات الموجودة! "،" مهرجان تشينغمينغ "،" عيد العمال "،" يوم الطفل "،
"يبدو أنه لا توجد أي مهرجانات كبرى هذا الشهر!" "،" يوم الجيش "،" يوم المعلم "،" اليوم الوطني "،" يوم العزاب "،" عيد الميلاد "]؛
لـ (var i = 0; i < divArry.length; i++) {
divArry[i].index = i;
divArry[i].onmouseover = function () {
لـ (var i = 0; i < divArry.length; i++) {
divArry[i].style.background = '';
}
this.style.background = 'أحمر';
divto.innerHTML = '<h3>' + this.innerHTML + arry[this.index] + '</h3>';
}
}
};
</script>
</الرأس>
<الجسم>
<معرف الجدول = "لون الظهر">
<تر>
<TD>
<div معرف = "div0" اسم = "divname">
يناير
</div>
</TD>
<TD>
<div معرف = "div1" اسم = "divname">
فبراير
</div>
</TD>
<TD>
<div معرف = "div2" اسم = "divname">
يمشي
</div>
</TD>
<TD>
<div معرف = "div3" اسم = "divname">
أبريل
</div>
</TD>
</tr>
<تر>
<TD>
<div معرف = "div4" اسم = "divname">
يمكن
</div>
</TD>
<TD>
<div معرف = "div5" اسم = "divname">
يونيو
</div>
</TD>
<TD>
<div معرف = "div6" اسم = "divname">
يوليو
</div>
</TD>
<TD>
<div معرف = "div7" اسم = "divname">
أغسطس
</div>
</TD>
</tr>
<تر>
<TD>
<div معرف = "div8" اسم = "divname">
سبتمبر
</div>
</TD>
<TD>
<div معرف = "div9" اسم = "divname">
أكتوبر
</div>
</TD>
<TD>
<div معرف = "div10" اسم = "divname">
نوفمبر
</div>
</TD>
<TD>
<div معرف = "div11" اسم = "divname">
ديسمبر
</div>
</TD>
</tr>
<تر>
<td كولسبان = "4">
<div معرف = "div12">
</div>
</TD>
</tr>
</الجدول>
</الجسم>