html鼠标经过的特效代码,使用mouse事件实现简单的鼠标经过特效

代码超级简单，这里就不多BB了，直接奉上

Document

body,ul,li{margin:0; padding:0; list-style:none}

ul li{width:100px; height:100px; border:1px solid #f00; float:left; margin:50px 10px; background-color:#ffffff;}

ul li.current{border:1px solid #dfdfdf; background-color:#ff0000;}

鼠标经过下面的块

$("ul li").mouseover(function()

{

$(this).addClass("current");

}).mouseout(function()

{

$(this).removeClass("current");

});

非常简单的代码，小伙伴们参考下，自由扩展，希望大家能够喜欢。