أتذكر عندما كنت أختبر نظام الفحص لكبار السن ، رأيت صفحة الفحص الخاصة بهم يمكن أن تخفي جزء المعلومات من المرشحين على اليسار. في ذلك الوقت ، شعرت طويل القامة وإنساني. الآن بعد أن تعلمت JavaScript ، يمكنني أيضًا تنفيذ هذه الوظيفة. دعنا نريها.
1. تصميم الصفحة:
(1). HTML Code:
<title> JS Column </title> <style type = "text/css"> .Alignment {text-align: center ؛ } </style> </head> <script language = "javaScript" type = "text/javaScript"> // ...... HREF = "#"> العمود 3 </a> </p> <p> <a href = "#"> العمود 4 </a> </p> <p> <a href = "#"> العمود 4 </a> </p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> HREF = "#"> العمود 3 </a> </p> <p> <a href = "#"> العمود 4 </a> </p> <p> <a href = "#" <td> هذه هي منطقة المحتوى! </td> </tr> </table> </body> </html>(2). ملاحظة: في الواقع ، هذه الصفحة بسيطة للغاية ، تحتاج فقط إلى جدول مع صف واحد وثلاثة أعمدة. يضع الجزء الأول اسم العمود ، والجزء الثالث هو المحتوى الرئيسي. هناك صورة للسهم الأيسر (يمين) في الوسط. اعتدت أن أفكر كثيرًا واعتقدت أنه كان تحكمًا رائعًا للغاية.
2. JavaScript Code:
<script language = "javaScript" type = "text/javaScript"> function Hide () // انقر فوق السهم الأيسر لإخفاء جزء العمود {// الخطوة 1: إخفاء مستند قائمة الأعمدة. // الخطوة 2: استبدل صورة السهم في نفس الوقت. الحدث الذي يستجيب للسهم الأيسر هو عرض dove () document.getElementById ("pic"). innerhtml = "<img src = 'image /right.png' onClick = 'show ()' />" ؛ } دالة show () // انقر فوق السهم الأيمن لعرض جزء العمود المخفي {// الخطوة 1: عرض مستند قائمة الأعمدة. // الخطوة 2: تغيير صورة السهم في نفس الوقت. الحدث الذي يستجيب للسهم الأيسر هو إخفاء المستند Hide (). } </script>(1) التأثير:
(2) ملاحظة: يتم عرض "السهم الأيسر" في البداية. سوف يستجيب النقر على الصورة لحدث Hide () ، وإخفاء جزء العمود ، وتغيير السهم الأيسر إلى السهم الأيمن. عند النقر فوق "السهم الأيمن" ، سيتم الرد على حدث العرض () ، وعرض جزء العمود المخفي ، ويتم استبدال السهم الأيمن بالسهم الأيسر ، ثم العودة إلى الحالة الأصلية. هذا في الواقع بسيط للغاية وسهل القيام به.
من خلال هذه المرحلة من تعلم JavaScript ، يبدو الأمر مثيرًا للاهتمام. عندما لم أكن أعرف أي شيء من قبل ، اعتقدت دائمًا أن الأمر صعب ، وأضع نفسي الضغط النفسي علي. عندما جربت ذلك بنفسي ، وجدت أنه كان ذلك وطورت اهتمامًا ببطء بالتعلم. الآن عند تسجيل الدخول إلى موقع ويب أو استخدام برنامج ، ستفكر بشكل لا إرادي في كيفية تنفيذه ، حيث يتم ذلك بشكل جيد ، وحيث يحتاج إلى تحسين ، وتتعامل تدريجياً من المهني.
لا يزال هناك العديد من الأشياء التي يجب تعلمها في JavaScript. اليوم ، ما نعرضه هو مجرد غيض من الجبل الجليدي. الحفاظ على الهتاف مع الاهتمام والفضول!