El código es súper simple, no hay muchos bbs aquí, solo presentelo
La copia del código es la siguiente:
<! Doctype html>
<html lang = "zh-cn">
<Evista>
<meta charset = "utf-8">
<title> documento </title>
<style type = "text/css">
cuerpo, ul, li {margen: 0; relleno: 0; Estilo de lista: Ninguno}
ul li {ancho: 100px; Altura: 100px; Border: 1px Solid #F00; flotante: izquierda; margen: 50px 10px; Color de fondo: #ffffff;}
ul li.current {border: 1px solid #dfdfdf; Color de fondo:#FF0000;}
</style>
<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script>
</ablo>
<Body>
<h1> El mouse pasa a través del bloque a continuación </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</body>
</html>
<script type = "text/javaScript">
$ ("Ul Li"). Mouseover (function ()
{
$ (esto) .AddClass ("actual");
}). MouseOut (function ()
{
$ (this) .removeclass ("actual");
});
</script>
Código muy simple, consultelo, Extensión gratuita, espero que le pueda gustar.