我是靠谱客的博主 风趣唇膏,最近开发中收集的这篇文章主要介绍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实现通用版鼠标经过淡入淡出效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部