编程 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 问答知识整理

Feb 11 Javascript

『jQuery』名称冲突使用noConflict方法解决

Apr 22 Javascript

jQuery输入城市查看地图使用介绍

May 08 Javascript

jquery select多选框的左右移动具体实现代码

Jul 03 Javascript

JSON传递bool类型数据的处理方式介绍

Sep 18 Javascript

JavaScript实现的经典文件树菜单效果

Sep 08 Javascript

基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏

Jan 07 Javascript

纯JS前端实现分页代码

Jun 21 Javascript

JavaScript 继承详解（六）

Oct 11 Javascript

jquery事件与绑定事件

Mar 16 Javascript

jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

Apr 03 jQuery

10分钟上手vue-cli 3.0 入门介绍

Apr 04 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文件上传你必须知道的几点

2015/10/20 PHP

不安全的常用的js写法

2009/09/15 Javascript

写出更好的JavaScript之undefined篇（上）

2009/11/22 Javascript

Jquery Change与bind事件代码

2011/09/29 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

2013/02/05 Javascript

使用JavaScript修改浏览器URL地址栏的实现代码

2013/10/21 Javascript

JavaScript自定义函数实现查找两个字符串最长公共子串的方法

2016/11/24 Javascript

微信端开发--登录小程序步骤

2017/01/11 Javascript

jQuery+PHP+Mysql实现抽奖程序

2020/04/12 jQuery

JS仿QQ好友列表展开、收缩功能(第二篇)

2017/07/07 Javascript

彻底搞懂JavaScript中的apply和call方法(必看)

2017/09/18 Javascript

将jquery.qqFace.js表情转换成微信的字符码

2017/12/01 jQuery

Vue实现todolist删除功能

2018/06/26 Javascript

JavaScript引用类型RegExp基本用法详解

2018/08/09 Javascript

vue解决使用webpack打包后keep-alive不生效的方法

2018/09/01 Javascript

vue.js高德地图实现热点图代码实例

2019/04/18 Javascript

微信小程序冒泡事件原理解析

2019/09/27 Javascript

利用JS如何获取form表单数据

2019/12/19 Javascript

python简单分割文件的方法

2015/07/30 Python

基于Django模板中的数字自增(详解)

2017/09/05 Python

利用Tkinter和matplotlib两种方式画饼状图的实例

2017/11/06 Python

python判断一个数是否能被另一个整数整除的实例

2018/12/12 Python

Python3 JSON编码解码方法详解

2019/09/06 Python

QML实现钟表效果

2020/06/02 Python

Python使用xlrd实现读取合并单元格

2020/07/09 Python

斯巴达比赛商店：Spartan Race

2019/01/08 全球购物

高中自我鉴定范文

2013/11/03 职场文书

会计专业大学生职业生涯规划范文

2014/01/11 职场文书

优秀党员主要事迹

2014/01/19 职场文书

网上蛋糕店创业计划书

2014/01/24 职场文书

服务标语口号

2014/07/01 职场文书

企业授权委托书范本

2014/09/22 职场文书

2015年城乡环境综合治理工作总结

2015/07/24 职场文书

2015年街道办事处团委工作总结

2015/10/14 职场文书

最新的离婚协议书范本！

2019/07/02 职场文书

SpringBoot中HttpSessionListener的简单使用方式

2022/03/17 Java/Android