本文演示了jQuery如何通过鼠标在div层的背景色上滑动,供大家参考,具体的实现方法如下:

复制代码代码如下所示:



jQuery通过div层转换层实现感应鼠标的背景色。



divbox {。

身高:300px;

宽度:200px;

背景:# ffffff;

边界:# solid 1px ccc;

浮点数:左;

右边距:10px;

}

divover {。

背景:# eff8fe;

# d2dce3 solid 1px边框;

}

# zztj {颜色:# ffffff;}

# zztj,# zztj:链接,# zztj:参观,# zztj:主动{颜色:# ffffff;}

# zztj:悬停{颜色:# ffffff;}







$(函数(){())

当鼠标滑入 / / DIV阶级取代divover

$('。divbox)。Hover(function(){)

$(这)AddClass('divover);

}函数(){()

鼠标左 / /删除divover风格

$(这)RemoveClass('divover);

}

);

});









块

B座

C座

提示:如果您没有显示预览效果,请刷新页面,因为调用了远程jQuery插件,需要加载它才能运行。





希望本文能对大家的jQuery程序设计有所帮助。