jquery实现通用版鼠标经过淡入淡出效果

来源:爱站网时间:2020-01-07编辑:网友分享
说到鼠标经过后淡入淡出要怎么实现,其实它可以为一些效果添加很多色彩,所以这也让大家对他印象深刻,下面是爱站技术频道小编带给大家的jquery实现通用版鼠标经过淡入淡出效果,一起来看看吧!

说到鼠标经过后淡入淡出要怎么实现,其实它可以为一些效果添加很多色彩,所以这也让大家对他印象深刻,下面是爱站技术频道小编带给大家的jquery实现通用版鼠标经过淡入淡出效果,一起来看看吧!

复制代码 代码如下:

<a class="jq_btn" href="#"><div></div></a>
//鼠标移上去效果
$(".jq_btn").hover(function(){
$(this).find("div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
});


原理很简单

a标签背景设置正常状态

div背景设置鼠标hover的背景

只要给元素加上

 

 


都自动有效果

本文是爱站技术频道小编为大家带来的jquery实现通用版鼠标经过淡入淡出效果,小编认为看完上文的小伙伴应该对这些知识都有了很大程度的提高吧!

上一篇:Js操作DOM元素及获取浏览器高宽的简单方法

下一篇:JavaScript匿名函数与委托使用示例

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载