复制代码 代码如下:
<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实现通用版鼠标经过淡入淡出效果内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复