يدعم تبديل الصور العملي انقر فوق التبديل والكرار التلقائي

رأيت هذا الشيء الصغير عن طريق الخطأ الذي كتبته من قبل ونشرته ، ودعم النقر للتبديل والارتداء التلقائي للمبتدئين في الواجهة الأمامية لرؤيته!

الرمز كما يلي:

 <viv> <ul> <li> <img src = "img/pic_1.jpg"/> </li> <li> <img src = "img/pic_2.jpg"/> </li> <li> <img src = "img/pic_3.jpg"/> </li> <li> /> </li> <li> <img src = "img/pic_5.jpg"/> </li></ul> <ul> <li> المشروع 1 </li> <li> المشروع 2 </li> <li> المشروع 3 </li> <li> المشروع 4 </li> </ul> </liv>

HTML

هنا تحتاج فقط إلى تغيير مسار الصورة إلى مسارك المحلي.

 .scroll_div {width: 1000px ؛ الارتفاع: 370 بكسل ؛ الهامش: 0 Auto ؛ padding: 10px ؛}. scroll_div .pic {width: 820px ؛ الارتفاع: 370 بكسل ؛ الفائض: مخفي. الموقف: قريب تعويم: اليسار ؛}. scroll_div .pic li {width: 820px ؛ الارتفاع: 370 بكسل ؛ الموقف: مطلق ؛ أعلى: 0 ؛ اليسار: 0 ؛ العرض: none ؛}. scroll_div .btn li {width: 173px ؛}. الارتفاع: 66 بكسل ؛ العرض: كتلة ؛ تعويم: اليسار. محاذاة النص: المركز ؛ اللون: #ffff ؛ الخط: 18px/100 ٪ "Microsoft Yahei" ؛ خط الرصيف: جريئة ؛ الخلفية:#008DD8 ؛ هامش القاع: 10 بكسل ؛ Line-Leight: 66px ؛ المؤشر: مؤشر ؛}.

CSS

 $ (function () {var listlen = $ (". pic li") li: first "). show () ؛ $ (". li "). listlen) {i ++ ؛} آخر {i = 0 ؛} ؛ $ (". btn li") li ").