Der Code ist super einfach, es gibt hier nicht viele BBs, präsentieren ihn einfach
Die Codekopie lautet wie folgt:
<! docType html>
<html lang = "zh-cn">
<kopf>
<meta charset = "utf-8">
<title> document </title>
<style type = "text/css">
Körper, ul, li {Rand: 0; Polsterung: 0; Listenstil: Keine}
ul li {width: 100px; Höhe: 100px; Grenze: 1PX Solid #f00; float: links; Rand: 50px 10px; Hintergrundfarbe: #ffffff;}
ul li.current {border: 1px solid #dfdfdf; Hintergrundfarbe:#ff0000;}
</style>
<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </script>
</head>
<body>
<h1> Die Maus fließt durch den Block unter </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</body>
</html>
<script type = "text/javaScript">
$ ("ul li"). Mouseover (Funktion ()
{
$ (this) .addClass ("aktuell");
}). Mouseout (Funktion ()
{
$ (this) .removeclass ("aktuell");
});
</script>
Sehr einfacher Code, bitte beziehen Sie sich darauf, kostenlose Erweiterung, ich hoffe, Sie können ihn mögen.