编程 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.AutoComplete.js中文修正版(支持firefox)

Apr 09 Javascript

jQuery的实现原理的模拟代码 -2 数据部分

Aug 01 Javascript

js实现的简洁网页滑动tab菜单效果代码

Aug 24 Javascript

JavaScript实现阿拉伯数字和中文数字互相转换

Jun 12 Javascript

js处理层级数据结构的方法小结

Jan 17 Javascript

微信小程序开发之滑块视图容器(swiper)详解及实例代码

Feb 22 Javascript

JavaScript观察者模式(publish/subscribe)原理与实现方法

Mar 30 Javascript

inner join 内联与left join 左联的实例代码

Sep 18 Javascript

vue-router命名视图的使用讲解

Jan 19 Javascript

vue动画效果实现方法示例

Mar 18 Javascript

vue 父组件中调用子组件函数的方法

Jun 06 Javascript

vue3中轻松实现switch功能组件的全过程

Jan 07 Vue.js

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

thinkphp中连接oracle时封装方法无法用的解决办法

2013/06/17 PHP

PHP中的一些常用函数收集

2015/05/26 PHP

PHP实现Huffman编码/解码的示例代码

2018/04/20 PHP

HTML TO JavaScript 转换

2006/06/26 Javascript

为javascript添加String.Format方法

2020/08/11 Javascript

js 动态修改css文件用到了cssRule

2014/08/20 Javascript

JQuery中attr方法和removeAttr方法用法实例

2015/05/18 Javascript

深入剖析JavaScript面向对象编程

2016/07/12 Javascript

手机端转换rem适应

2017/04/01 Javascript

Require.js的基本用法详解

2017/07/03 Javascript

nodejs socket服务端和客户端简单通信功能

2017/09/14 NodeJs

vue 中this.$set 动态绑定数据的案例讲解

2021/01/29 Vue.js

[04:51]TI10典藏宝瓶Ⅱ外观视频展示

2020/08/15 DOTA

Python使用修饰器执行函数的参数检查功能示例

2017/09/26 Python

python 制作自定义包并安装到系统目录的方法

2018/10/27 Python

Python文件操作中进行字符串替换的方法（保存到新文件/当前文件）

2019/06/28 Python

django实现模板中的字符串文字和自动转义

2020/03/31 Python

如何基于windows实现python定时爬虫

2020/05/01 Python

python中 _、__、__xx__()区别及使用场景

2020/06/30 Python

SEPHORA新西兰官方网站：购买化妆品和护肤品

2016/12/02 全球购物

瑞典时尚耳机品牌：Urbanears

2017/07/26 全球购物

英国领先的互联网葡萄酒礼品商：Vintage Wine & Port

2019/05/24 全球购物

马歇尔耳机官网：Marshall Headphones

2020/02/04 全球购物

介绍java中初始化块的使用

2012/09/11 面试题

会计电算一体化个人简历的自我评价

2013/10/15 职场文书

英文简历中的自我评价用语

2013/12/09 职场文书

拾金不昧的表扬信

2014/01/16 职场文书

甜品蛋糕店创业计划书范文

2014/02/06 职场文书

安全生产责任书范本

2014/04/15 职场文书

企业金融服务方案

2014/06/03 职场文书

副总经理岗位职责范本

2014/09/30 职场文书

党的群众路线教育实践活动个人对照检查材料（医生）

2014/11/05 职场文书

实习指导教师评语

2014/12/30 职场文书

2015年七一建党节慰问信

2015/03/23 职场文书

大学感恩节活动总结

2015/05/05 职场文书

SpringBoot接入钉钉自定义机器人预警通知

2022/07/15 Java/Android