يمكن عرض الجدول الموجود في صفحة html سطرًا تلو الآخر، وبطبيعة الحال، يمكن أيضًا ضبط div لتغيير لونه عند وضع الماوس عليه
انسخ رمز الكود كما يلي:
<نوع البرنامج النصي = "نص/جافا سكريبت">
var currentActiveRow; // الصف النشط الحالي
// تغيير لون الصف المحدد
تغيير الدالة ActiveRow(obj) {
إذا (currentActiveRow) {
currentActiveRow.style.backgroundColor = "";
}
currentActiveRow = obj;
currentActiveRow.style.backgroundColor = "#F2F2F2";
}
</script>
ثم قم بتعيين الحدث onmousehover أو onclick على td إلى onmouseover = "changeActiveRow (this)"