编程 Javascript

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

Posted in Javascript onJune 15, 2014

<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实现通用版鼠标经过淡入淡出效果

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery解析xml字符串示例分享

Mar 25 Javascript

js实现简单的可切换选项卡效果

Apr 10 Javascript

在JavaScript应用中实现延迟加载的方法

Jun 25 Javascript

Ionic默认的Tabs模板使用实例

Aug 29 Javascript

vue2.0实现倒计时的插件(时间戳刷新跳转都不影响)

Mar 30 Javascript

详解ElementUI之表单验证、数据绑定、路由跳转

Jun 21 Javascript

React中的refs的使用教程

Feb 13 Javascript

vue项目打包后打开页面空白解决办法

Jun 29 Javascript

jQuery实现基本隐藏与显示效果的方法详解

Sep 05 jQuery

微信小程序云开发实现云数据库读写权限

May 17 Javascript

史上最为详细的javascript继承（推荐）

May 18 Javascript

探索JavaScript中私有成员的相关知识

Jun 13 Javascript

jQuery实现的原图对比窗帘效果

Jun 15 #Javascript

QQ空间顶部折页撕开效果示例代码

Jun 15 #Javascript

js中通过父级进行查找定位元素

Jun 15 #Javascript

js判断浏览器类型为ie6时不执行

Jun 15 #Javascript

给应用部分的js代码设定一个统一的入口

Jun 15 #Javascript

javascript 寻找错误方法整理

Jun 15 #Javascript

extjs每个组件要设置唯一的ID否则会出错

Jun 15 #Javascript

You might like

php操作xml

2013/10/27 PHP

php选择排序法实现数组排序实例分析

2015/02/16 PHP

php curl模拟post请求和提交多维数组的示例代码

2015/11/19 PHP

PHP单元测试配置与使用方法详解

2019/12/27 PHP

解决PhpStorm64不能启动的问题

2020/06/20 PHP

js中window.open打开一个新的页面

2014/08/10 Javascript

JavaScript基础知识及常用方法总结

2016/01/10 Javascript

jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)

2016/05/25 Javascript

JS获取IE版本号与HTML设置IE文档模式的方法

2016/10/09 Javascript

js实现表格筛选功能

2017/01/18 Javascript

canvas简单快速的实现知乎登录页背景效果

2017/05/08 Javascript

js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）

2017/09/19 Javascript

layui问题之模拟select点击事件的实例讲解

2018/08/15 Javascript

如何在 JavaScript 中更好地利用数组

2018/09/27 Javascript

在Create React App中启用Sass和Less的方法示例

2019/01/16 Javascript

JS多个异步请求按顺序执行next实现解析

2019/09/16 Javascript

[02:22]完美世界DOTA2联赛PWL S3 集锦第一期

2020/12/15 DOTA

python自动化测试之setUp与tearDown实例

2014/09/28 Python

Python之PyUnit单元测试实例

2014/10/11 Python

利用Python为iOS10生成图标和截屏

2016/09/24 Python

python面向对象_详谈类的继承与方法的重载

2017/06/07 Python

Python工程师面试必备25条知识点

2018/01/17 Python

利用python提取wav文件的mfcc方法

2019/01/09 Python

QML使用Python的函数过程解析

2019/09/26 Python

python实现计算器功能

2019/10/31 Python

使用python 计算百分位数实现数据分箱代码

2020/03/03 Python

美国珠宝店：Helzberg Diamonds

2018/10/24 全球购物

打造完美自荐信

2014/01/24 职场文书

国家奖学金获奖感言

2014/08/16 职场文书

导游欢送词

2015/01/31 职场文书

培训班开班主持词

2015/07/02 职场文书

庭外和解协议书

2016/03/23 职场文书

读《人生的智慧》有感：闲暇是人生的精华

2019/12/25 职场文书

windows下快速安装nginx并配置开机自启动的方法

2021/05/11 Servers

CSS filter 有什么神奇用途

2021/05/25 HTML / CSS

SQL基础的查询语句

2021/11/11 MySQL