Код очень прост, здесь не так много, просто представьте его
Кода -копия выглядит следующим образом:
<! Doctype html>
<html lang = "zh-cn">
<голова>
<meta charset = "utf-8">
<title> документ </title>
<стиль типа = "text/css">
тело, UL, li {маржа: 0; Заполнение: 0; Список стиля: нет}
ul li {ширина: 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>
<тело>
<h1> мышь проходит через блок ниже </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</body>
</html>
<script type = "text/javascript">
$ ("ul li"). Mouseover (function ()
{
$ (this) .AdDClass ("current");
}). Mouseout (function ()
{
$ (this) .RemoveClass ("current");
});
</script>
Очень простой код, пожалуйста, обратитесь к нему, бесплатное расширение, я надеюсь, что он вам понравится.