تشارك هذه المقالة وظائف التسجيل المشابهة لمكتبة Taobao و Baidu ، وتنفيذ JS للرجوع إليه. المحتوى المحدد كما يلي
يظهر التأثير في الصورة:
يتم وضع النجوم الخمسة الخمسة في الأعمدة الخمسة من الجدول. فيما يلي <p> يستخدم لعرض نتائج النتيجة ؛ الرمز كما يلي:
<body onload = "changeBg ()"> <table align = "center" cellpadding = "0" cellpacing = "0" id = "maintable"> <tr style = "font-size: 30px ؛" <td> ☆ </td> <td> ☆ </td> <td> ☆ </td> <td> ☆ </td> <td> ☆ </td> <td>
يرتبط حدث Onload في الجسم بالطريقة ، ورمز JS كما يلي:
<script type = "text/javaScript"> وظيفة getIndex (arr ، element) {// الوسيطات: Array ، element ؛ إرجاع فهرس العنصر الشقيق لـ (var i = 0 ؛ i <arr.length ؛ i ++) {if (arr [i] == element) {return i ؛ }} return -1 ؛ } function changeBg () {// قم بتعيين كل TD للحصول على سمة Focus [يمكنك أيضًا تعيين onclick attribute] var saintained = document.getElementById ("maintable") ؛ // احصل على الجدول الذي يحتاج إلى ضبط var tds = appert.getElementSbyTagName ("td") ؛ // احصل على جميع الخلايا في الجدول المستند. // قم بتعيين نتيجة النتيجة إلى مخفي لـ (var i = 0 ؛ i <tds.length ؛ i ++) {var td = tds [i] ؛ td.onfocus = getOnfocus ؛ td.style.cursor = "pointer" ؛ // لتعيين الماوس ليكون على شكل يدوي على الدالة الخماسية}} getOnfocus () {// قم بتعيين حدث التركيز لـ TD ، var kainable = document.getElementById ("maintable") ؛ var tds = sainable.getElementSbyTagName ("td") ؛ var index = getIndex (tds ، this) ؛ // إرجاع فهرس حدث الاستجابة ، وهذا يمثل العنصر الذي أثار وثيقة الحدث هذا. // بعد الحصول على النتيجة ، قم بعرض المستند المستند. لـ (var i = 0 ؛ i <index+1 ؛ i ++) {tds [i] .style.color = "red" ؛ } لـ (var i = index+1 ؛ i <tds.length ؛ i ++) {tds [i] .style.color = "Black" ؛ }} </script>يتكون رمز JS بشكل أساسي من ثلاث وظائف ؛
①: changeBg () ؛ وظيفة تربط حدث Onload للجسم ؛ من أجل تحقيق ربط حدث OnFocus لكل عنصر TD ؛
②: getOnfocus () ؛ التنفيذ المحدد لحدث OnFocus لعنصر TD ؛
③: getIndex () ؛ هناك معلمتان ، إحداهما هي مجموعة مجموعة من عناصر TD ، والآخر هو عنصر TD للحدث المقابل. انتبه لاستخدام هذه الكلمة الرئيسية. يعيد بشكل أساسي فهرس عناصر الحدث المقابل. من أجل عرض اللون قبل عنصر حدث الاستجابة باللون الأحمر ، يتم عرض العناصر اللاحقة على أنها أسود ؛
ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون من المفيد للجميع تعلم برمجة JavaScript.