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

2024-05-06 15:46:13

字体：大中小

来源：转载

供稿：网友

说到鼠标经过后淡入淡出要怎么实现，其实它可以为一些效果添加很多色彩，所以这也让大家对他印象深刻，下面是错新技术频道小编带给大家的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实现通用版鼠标经过淡入淡出效果，小编认为看完上文的小伙伴应该对这些知识都有了很大程度的提高吧！

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

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

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注