编程 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 load()在firefox(火狐)下显示不正常的解决方法

Apr 05 Javascript

简单的jquery拖拽排序效果实现代码

Sep 20 Javascript

javascript的字符串按引用复制和传递,按值来比较介绍与应用

Dec 28 Javascript

实现前后端数据交互方法汇总

Apr 07 Javascript

使用Script元素发送JSONP请求的方法

Jun 12 Javascript

jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】

Jun 16 Javascript

jquery操作ID带有变量的节点实例

Dec 07 Javascript

JSON与JS对象的区别与对比

Mar 01 Javascript

Angular2中select用法之设置默认值与事件详解

May 07 Javascript

基于 Vue 的树形选择组件的示例代码

Aug 18 Javascript

vue axios 在页面切换时中断请求方法 ajax

Mar 05 Javascript

mpvue中使用flyjs全局拦截的实现代码

Sep 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

防止MySQL注入或HTML表单滥用的PHP程序

2009/01/21 PHP

PHP中通过加号合并数组的一个简单方法分享

2011/01/27 PHP

Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法

2011/06/30 PHP

教你如何使用php session

2013/10/28 PHP

destoon首页调用求购供应信息的地区名称的方法

2014/08/21 PHP

PHP foreach遍历多维数组实现方式

2016/11/16 PHP

深入理解Yii2.0乐观锁与悲观锁的原理与使用

2017/07/26 PHP

PHP命名空间namespace及use的简单用法分析

2018/08/03 PHP

滚动条变色隐藏滚动条与双击网页自动滚屏显示代码

2009/12/28 Javascript

广泛收集的jQuery拖放插件集合

2012/04/09 Javascript

js中如何把字符串转化为对象、数组示例代码

2013/07/17 Javascript

js中window.open()的所有参数详细解析

2014/01/09 Javascript

js的Boolean对象初始值示例

2014/03/04 Javascript

Express作者TJ告别Node.js奔向Go

2014/07/14 Javascript

Jquery日期选择datepicker插件用法实例分析

2015/06/08 Javascript

javascript手风琴下拉菜单实现代码

2015/11/12 Javascript

Bootstrap实现导航栏的2种方式

2016/11/28 Javascript

20个最常见的jQuery面试问题及答案

2018/05/23 jQuery

深入解析koa之异步回调处理

2019/06/17 Javascript

Vue数据驱动表单渲染,轻松搞定form表单

2019/07/19 Javascript

如何实现echarts markline标签名显示自己想要的

2020/07/20 Javascript

vue 获取元素额外生成的data-v-xxx操作

2020/09/09 Javascript

JavaScript常用进制转换及位运算实例解析

2020/10/14 Javascript

Vue实现手机号、验证码登录（60s禁用倒计时）

2020/12/19 Vue.js

对Python3中的print函数以及与python2的对比分析

2018/05/02 Python

TensorFlow实现Logistic回归

2018/09/07 Python

python pygame实现2048游戏

2018/11/20 Python

MATCHESFASHION.COM美国官网：英国奢侈品零售商

2018/10/29 全球购物

伦敦鲜花递送：Flower Station

2021/02/03 全球购物

Linux如何修改文件和文件夹的权限

2013/09/05 面试题

广告创意求职信

2014/03/17 职场文书

《闻一多先生的说和做》教学反思

2014/04/28 职场文书

“向国旗敬礼”活动策划方案（4篇）

2014/09/27 职场文书

秦兵马俑导游词

2015/02/02 职场文书

地震捐款简报

2015/07/21 职场文书

机关干部正风肃纪心得体会

2016/01/15 职场文书