php鼠标经过,JS mouse事件实现简单的鼠标经过特效

这篇文章主要介绍了使用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");

});

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