我是靠谱客的博主 风趣唇膏,这篇文章主要介绍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的背景

只要给元素加上
复制代码 代码如下:

class="jq_btn"

都自动有效果

最后

以上就是风趣唇膏最近收集整理的关于jquery实现通用版鼠标经过淡入淡出效果的全部内容,更多相关jquery实现通用版鼠标经过淡入淡出效果内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(201)

评论列表共有 0 条评论

立即
投稿
返回
顶部