الكود بسيط للغاية ، لا يوجد الكثير من BBS هنا ، فقط قدمه
نسخة الكود كما يلي:
<! doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "utf-8">
<title> وثيقة </title>
<type type = "text/css">
الجسم ، UL ، li {margin: 0 ؛ الحشو: 0 ؛ على غرار القائمة: لا شيء}
ul li {width: 100px ؛ الارتفاع: 100px ؛ الحدود: 1 بكسل 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 (function ()
{
$ (هذا) .addClass ("الحالي") ؛
}). mouseout (function ()
{
$ (هذا) .removeclass ("الحالي") ؛
}) ؛
</script>
رمز بسيط للغاية ، يرجى الرجوع إليه ، امتداد مجاني ، آمل أن تتمكن من إعجابك به.