รหัสนั้นเรียบง่ายสุด ๆ มี BBS ไม่มากที่นี่เพียงแค่นำเสนอ
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "utf-8">
<title> เอกสาร </title>
<style type = "text/css">
ร่างกาย, ul, li {margin: 0; Padding: 0; รายการสไตล์: ไม่มี}
ul li {width: 100px; ความสูง: 100px; ชายแดน: 1px Solid #F00; ลอย: ซ้าย; มาร์จิ้น: 50px 10px; พื้นหลังสี: #ffffff;}
ul li.current {border: 1px solid #dfdfdf; พื้นหลังสี:#ff0000;}
</style>
<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script>
</head>
<body>
<H1> เมาส์ผ่านบล็อกด้านล่าง </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</body>
</html>
<script type = "text/javascript">
$ ("ul li"). mouseover (ฟังก์ชั่น ()
-
$ (นี่) .addclass ("ปัจจุบัน");
}). mouseout (ฟังก์ชั่น ()
-
$ (นี่) .removeclass ("ปัจจุบัน");
-
</script>
รหัสง่ายมากโปรดดูที่มันขยายฟรีฉันหวังว่าคุณจะชอบมัน