Le code est super simple, il n'y a pas beaucoup de BBS ici, il suffit de le présenter
La copie de code est la suivante:
<! doctype html>
<html lang = "zh-cn">
<adal>
<meta charset = "utf-8">
<Title> Document </Title>
<style type = "text / css">
corps, ul, li {marge: 0; rembourrage: 0; Style de liste: aucun}
ul li {largeur: 100px; hauteur: 100px; Border: 1px solide # f00; flottant: à gauche; marge: 50px 10px; Color en arrière-plan: #ffffff;}
ul li.current {border: 1px solide #dfdfdf; Color en arrière-plan: # ff0000;}
</ style>
<script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"> </ script>
</ head>
<body>
<h1> La souris passe par le bloc ci-dessous </h1>
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
</docy>
</html>
<script type = "text / javascript">
$ ("ul li"). MouseOver (function ()
{
$ (this) .AddClass ("Current");
}). Mouseout (function ()
{
$ (this) .RemoveClass ("Current");
});
</cript>
Code très simple, veuillez vous référer à celui-ci, extension gratuite, j'espère que vous pourrez l'aimer.