jQuery实现了鼠标在div层的背景颜色上滑动的方式。

jQuery实现了鼠标在div层的背景颜色上滑动的方式。
本文演示了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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部