Saya menulis imej fokus karusel mendatar dalam bentuk jq tulen, yang boleh ditukar dengan mengklik titik kecil atau butang kiri dan kanan Ia adalah jenis lebar tetap. Tidak sukar untuk menukar kepada lebar adaptif Tukar lebar bannerCon dalam CSS kepada peratusan, dan kemudian tukar lebar ul dan li untuk mengikut lebar bekas induk dalam js .
Serasi dengan pelayar IE6 dan ke atas, terdapat dua parameter yang boleh ditukar, kelajuan karusel dan selang penukaran.
Rendering adalah seperti berikut:
Kod html adalah seperti berikut:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
Gaya CSS adalah seperti berikut:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
|
Kod Js adalah seperti berikut:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
|
Beri perhatian untuk memuatkan perpustakaan jq Saya menggunakan 1.9.1. Sebenarnya, 1.7 adalah baik.
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia dapat membantu semua orang.