شاركت هذه المقالة معك الرمز المحدد لـ JS لتنفيذ تأثير تبديل علامات التبويب البسيطة للرجوع إليه. المحتوى المحدد كما يلي
رمز تبديل علامة تبويب JS:
<! doctype html> <html> <head lang = "en"> <meta charset = "gb2312"> <title> أسئلة عملية- علامة التبويب </title> <style type = "text/css"> *{margin: 0px ؛ الحشو: 0px ؛ } #tab {margin: 10px ؛ } #tab ul {stylely style: none ؛ الارتفاع: 36 بكسل ؛ الحدود القاع: 2 بكسل سوداء صلبة. العرض: كتلة ؛ } #tab ul li {float: left ؛ العرض: كتلة مضمنة. الحشو: 0px 15px ؛ الارتفاع: 34 بكسل ؛ خط الارتفاع: 34px ؛ الهامش اليمين: 5px ؛ الحدود: 1px الصلبة #CCC ؛ القاع الحدودي: لا شيء ؛ المؤشر: مؤشر. } #tab div {padding: 5px ؛ الحدود: 1px الصلبة #CCC ؛ أعلى الحدود: لا شيء ؛ } #tab ul li.on {border-top: 2px solid Black ؛ Border-Bottom: 2 بكسل أبيض صلب ؛ } .hide {display: none ؛ } </style> <script type = "text/javaScript"> window.onload = function () {var mytab = document.getElementById ("tab") ؛ var myul = mytab.getElementSbyTagname ("ul") [0] ؛ var myli = myul.getElementSbyTagname ("li") ؛ var mydiv = mytab.getElementSbyTagName ("div") ؛ // ALERT (MyDiv.Length) لـ (i = 0 ، len = myli.length ؛ i <len ؛ i ++) {myli [i] .index = i ؛ myli [i] .onclick = function () {for (var n = 0 ؛ n <len ؛ n ++) {myli [n] .className = "" ؛ mydiv [n] .className = "Hide" ؛ } this.className = "on" ؛ mydiv [this.index] .className = "" ؛ }}} </script> </head> <body> <!-تخطيط الصفحة html-> <div id = "tab"> <ul> <li> العقارات </li> <li> المنزل </li> <li> منزل ممسوق </li> </ul> <ul> يوان لشراء ANJIA EAST Third Ring Road 1.4 مليون يوان لشراء 530،000 يوان لشراء 530،000 يوان لشراء East 5 Ring Road 50 متر مربع لتقليل البيت الحالي الذي يبلغ 5000 يوان لشراء 5000 Yuan لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لبناء 300 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 5000 يوان لشراء 300 يوان لشراء yuan لشراء yuan yuan 5000 يوان لبناء 300 يوان لملك المباني في حديقة الحديقة </div> <div> تم تجديد منزل مستأجر مساحته 40 متر مربع وعش فتاة جميلة مختلطة. تم تجديد شباب OU ALE Classic الطازج والبسيط الذي يبلغ طوله 90 مترًا مربعًا. النمط الصيني الجديد. بارد ودافئ. تشبه البلاط المنزلي الذي يبلغ طوله 66 مترًا مربعًا اختيارًا لتصميم حمام الزوجة. حلقة ثانية نادرة 2 غرف نوم 2.50W. الغرب 3 حلقة شفافة 2 غرف نوم 2.9 مليون. 1.3 مليون. 2 غرف نوم. شراء محدود لمنطقة مدرسة Huangchenggen الابتدائية 2.6 مليون فقط. 1.21 متر مربع. 700،000 يوان! فيلا الحصرية 2.8 مليون. Suzhou Bridge 2 غرف نوم مخفضة 2.48 مليونما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.