代码超级简单,这里就不多BB了,直接奉上 复制代码 代码如下: Document <br /> body,ul,li{margin:0; padding:0; list-style:none}<br /> ul li{width:100px; height:100px; border:1px solid #f00; float:left; margin:50px 10px; background-color:#ffffff;}<br /> ul li.current{border:1px solid #dfdfdf; background-color:#ff0000;}<br /> ">http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js">> 鼠标经过下面的块 <br /> $("ul li").mouseover(function()<br /> {<br /> $(this).addClass("current");<br /> }).mouseout(function() <br /> {<br /> $(this).removeClass("current"); <br /> });<br /> 非常简单的代码,小伙伴们参考下,自由扩展,希望大家能够喜欢。