编程 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 相关文章推荐

大家未必知道的Js技巧收藏

Apr 07 Javascript

利用javascript实现全部删或清空所选的操作

May 27 Javascript

jQuery添加/改变/移除CSS类及判断是否已经存在CSS

Aug 20 Javascript

JS实现很酷的EMAIL地址添加功能实例

Feb 28 Javascript

JavaScript数组去重的两种方法推荐

Apr 05 Javascript

EasyUI修改DateBox和DateTimeBox的默认日期格式示例

Jan 18 Javascript

Vue点击切换颜色的方法

Sep 13 Javascript

详解如何在vue项目中使用lodop打印插件

Sep 27 Javascript

灵活使用console让js调试更简单的方法步骤

Apr 23 Javascript

Vue-CLI 项目在pycharm中配置方法

Aug 30 Javascript

微信小程序进入广告实现代码实例

Sep 19 Javascript

Vue项目打包部署到apache服务器的方法步骤

Feb 01 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

特转载一高手总结PHP学习资源和链接.

2006/12/05 PHP

php制作unicode解码工具(unicode编码转换器)代码分享

2013/12/24 PHP

通过php修改xml文档内容的方法

2015/01/23 PHP

PHP回溯法解决0-1背包问题实例分析

2015/03/23 PHP

PHP超牛逼无限极分类生成树方法

2015/05/11 PHP

php提交post数组参数实例分析

2015/12/17 PHP

PHP实现的mongoDB数据库操作类完整实例

2018/04/10 PHP

兼容Mozilla必须知道的知识。

2007/01/09 Javascript

js实现iframe动态调整高度的代码

2008/01/06 Javascript

JavaScript 对话框和状态栏使用说明

2009/10/25 Javascript

Jquery在指定DIV加载HTML示例代码

2014/02/17 Javascript

Javascript基础知识（一）核心基础语法与事件模型

2014/09/29 Javascript

jsMind通过鼠标拖拽的方式调整节点位置

2015/04/13 Javascript

C#中使用迭代器处理等待任务

2015/07/13 Javascript

js中flexible.js实现淘宝弹性布局方案

2020/06/23 Javascript

BootStrap 智能表单实战系列(十)自动完成组件的支持

2016/06/13 Javascript

深入理解Angular2 模板语法

2016/08/07 Javascript

利用JavaScript实现拖拽改变元素大小

2016/12/14 Javascript

js+html5实现复制文字按钮

2017/07/15 Javascript

使用react实现手机号的数据同步显示功能的示例代码

2018/04/03 Javascript

python搭建微信公众平台

2016/02/09 Python

python初学之用户登录的实现过程(实例讲解)

2017/12/23 Python

详解Python中的内建函数,可迭代对象,迭代器

2019/04/29 Python

Python列表对象实现原理详解

2019/07/01 Python

Python @property使用方法解析

2019/09/17 Python

Python装饰器用法与知识点小结

2020/03/09 Python

python thrift 实现单端口多服务的过程

2020/06/08 Python

python推导式的使用方法实例

2021/02/28 Python

安全生产责任书

2014/03/12 职场文书

敬老院院长事迹材料

2014/05/21 职场文书

甲乙双方合作协议书

2014/10/13 职场文书

2014年销售员工作总结

2014/12/01 职场文书

Python中requests做接口测试的方法

2021/05/30 Python

如何使用 resize 实现图片切换预览功能

2021/08/23 HTML / CSS

使用redis生成唯一编号及原理示例详解

2021/09/15 Redis

MySQL中IO问题的深入分析与优化

2022/04/02 MySQL