Kode ini sangat sederhana, tidak ada banyak BBS di sini, cukup sajikan
Salinan kode adalah sebagai berikut:
<! Doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "UTF-8">
<title> dokumen </iteme>
<type style = "text/css">
tubuh, ul, li {margin: 0; Padding: 0; List-style: tidak ada}
ul li {lebar: 100px; Tinggi: 100px; Perbatasan: 1px solid #f00; float: kiri; margin: 50px 10px; latar belakang-warna: #ffffff;}
ul li.current {border: 1px solid #dfdfdf; latar belakang-warna:#ff0000;}
</tyle>
<type script = "Text/JavaScript" src = "http://ajax.googleapis.com/ajax/libs/jQuery/1.4.0/jquery.min.js"> </cript>
</head>
<body>
<H1> Mouse melewati blok di bawah </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</body>
</html>
<type skrip = "Teks/JavaScript">
$ ("ul li"). mouseover (function ()
{
$ (ini) .addclass ("saat ini");
}). mouseout (function ()
{
$ (ini) .removeclass ("saat ini");
});
</script>
Kode yang sangat sederhana, silakan merujuknya, ekstensi gratis, saya harap Anda bisa menyukainya.