O código é super simples, não há muitos BBs aqui, apenas apresente -o
A cópia do código é a seguinte:
<! doctype html>
<html lang = "zh-cn">
<head>
<meta charset = "utf-8">
<title> Documento </title>
<style type = "text/css">
corpo, ul, li {margem: 0; preenchimento: 0; estilo de lista: nenhum}
ul li {width: 100px; Altura: 100px; borda: 1px sólido #f00; flutuar: esquerda; margem: 50px 10px; Background-Color: #fffff;}
ul li.current {borda: 1px sólido #dfdfdf; Background-Color:#FF0000;}
</style>
<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script>
</head>
<Body>
<H1> O mouse passa pelo bloco abaixo </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 ("atual");
});
</script>
Código muito simples, consulte, Extensão gratuita, espero que você possa gostar.