การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> </title>
<link href = "css/style.css" rel = "stylesheet" type = "text/css"/> >>
<!-แนะนำ jQuery->
<script src = "../ scripts/jQuery-1.3.1.js" type = "text/javascript"> </script>
<script type = "text/javascript">
// <! [cdata [
$ (function () {
var $ div_li = $ ("div.tab_menu ul li");
$ div_li.click (function () {
$ (นี่) .AddClass ("เลือก") // องค์ประกอบ <li> ปัจจุบันถูกเน้น
.Siblings (). RemoveClass ("เลือก");
ดัชนี var = $ div_li.index (นี่);
$ ("div.tab_box> div") // เลือกโหนดลูก หากไม่ได้เลือกโหนดลูกข้อผิดพลาดจะเกิดขึ้น หากมี div อยู่ในนั้น
.eq (ดัชนี). show () // แสดงองค์ประกอบ <div> ที่สอดคล้องกับองค์ประกอบ <li>
.Siblings (). ซ่อน ();
}). โฮเวอร์ (ฟังก์ชัน () {
$ (นี่) .addclass ("Hover");
},การทำงาน(){
$ (นี่) .removeclass ("Hover");
-
-
-
</script>
</head>
<body>
<div>
<div>
<ul>
<li> กิจการปัจจุบัน </li>
<li> กีฬา </li>
<li> ความบันเทิง </li>
</ul>
</div>
<div>
<div> กิจการปัจจุบัน </div>
<div> กีฬา </div>
<div> ความบันเทิง </div>
</div>
</div>
</body>
</html>