Artikel ini menjelaskan metode JS+CSS untuk mengimplementasikan efek perubahan warna interlaced dari daftar LI. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Title> CSS+JS menyadari efek perubahan warna yang saling terkait dari daftar LI </iteme>
</head> <body>
<tyle>
.mytable {border-collapse: collapse; border: solid #6aa70b; border-width: 0px 0 0 0px; lebar: 50%;}
.mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(/images/20110704/new_dot.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verdana,安体";font-size: 12px; Warna:#008000; Teks-Align: Kiri; Tinggi: 25px;}
.mytable ul li.t1 {latar belakang-warna: #effedd;}
.mytable ul li.t2 {latar belakang-warna: #ffffff;}
.mytable ul li.t3 {latar belakang-warna:#d2fca0;}
</tyle>
<gaya tubuh = margin: 0;> <br> <br> <br>
<Div Align = "Center">
<Div class = mytable id = tab>
<ul>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61182.htm">
Metode untuk mengimplementasikan efek drag dan drop gambar dan drop di JavaScript </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61181.htm">
Metode jQuery untuk mewujudkan efek tampilan mengklik gambar dan berputar halaman </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61180.htm">
Metode PHP untuk mengimplementasikan rekursi dan klasifikasi tak terbatas </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61179.htm">
Metode PHP untuk menggandakan nilai (angka) dari setiap unit dalam array multi-dimensi </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61178.htm">
Analisis fungsi umum contoh penambahan dan menghapus unit dalam array PHP </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61177.htm">
JS+CSS mengimplementasikan kotak prompt pop-up yang dapat diseret </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61176.htm">
JS mengimplementasikan metode memilih gambar yang akan ditampilkan pada kotak drop-down </a> </li>
<li>
<a target = "_ blank" href = "// www.vevb.com/article/61175.htm">
JS untuk mewujudkan cara mengklik gambar untuk menyalin alamat gambar ke papan paste </a> </li>
</ul> </div> <script type = "text/javascript">
<!-
var ptr = document.geteLementById ("tab"). getElementsbyTagname ("li");
fungsi $ () {
untuk (i = 1; i <ptr.length+1; i ++) {
Ptr [i-1] .className = (i%2> 0)? "T1": "t2";
}
}
window.onload = $;
untuk (var i = 0; i <ptr.length; i ++) {
Ptr [i] .onmouseover = function () {
this.tmpclass = this.className;
this.className = "t3";
};
Ptr [i] .onmouseout = function () {
this.classname = this.tmpclass;
};
}
//->
</script>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.