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

javascript 跳转代码集合

Dec 03 Javascript

jQuery选择头像并实时显示的代码

Jun 27 Javascript

JQuery.ajax传递中文参数的解决方法推荐

Mar 28 Javascript

jQuery JSON实现无刷新三级联动实例探讨

May 28 Javascript

javascript阻止浏览器后退事件防止误操作清空表单

Nov 22 Javascript

用简洁的jQuery方法toggleClass实现隔行换色

Oct 22 Javascript

jQuery消息提示框插件Tipso

May 04 Javascript

AngularJS实现表单验证功能

Jan 09 Javascript

vue+iview+less 实现换肤功能

Aug 17 Javascript

vue-router之nuxt动态路由设置的两种方法小结

Sep 26 Javascript

js全屏事件fullscreenchange 实现全屏、退出全屏操作

Sep 17 Javascript

Element-ui el-tree新增和删除节点后如何刷新tree的实例

Aug 31 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

中英文字符串翻转函数

2008/12/09 PHP

完美实现GIF动画缩略图的php代码

2011/01/02 PHP

php+mysqli实现将数据库中一张表信息打印到表格里的方法

2015/01/28 PHP

php插入排序法实现数组排序实例

2015/02/16 PHP

PHP实现将标点符号正则替换为空格的方法

2017/08/09 PHP

ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题

2012/12/11 Javascript

jQuery当鼠标悬停时放大图片的效果实例

2013/07/03 Javascript

JavaScript使用yield模拟多线程的方法

2015/03/19 Javascript

jQuery实现表格行上下移动和置顶效果

2015/06/05 Javascript

JS中创建函数的三种方式及区别

2016/03/13 Javascript

JavaScript中解决多浏览器兼容性23个问题的快速解决方法

2016/05/19 Javascript

浅谈JavaScript中的分支结构

2016/07/01 Javascript

JQuery 动态生成Table表格实例代码

2016/12/02 Javascript

JS实现图片放大缩小的方法

2017/02/15 Javascript

node.js入门学习之url模块

2017/02/25 Javascript

理解nodejs的stream和pipe机制的原理和实现

2017/08/12 NodeJs

layui.js实现的表单验证功能示例

2017/11/15 Javascript

Angular实现的敏感文字自动过滤与提示功能示例

2017/12/29 Javascript

JavaScript实现的九种排序算法

2019/03/04 Javascript

关于vue状态过渡transition不起作用的原因解决

2019/04/09 Javascript

Vue分页效果与购物车功能

2019/12/13 Javascript

python框架django基础指南

2016/09/08 Python

Python如何快速上手? 快速掌握一门新语言的方法

2017/11/14 Python

Django中使用Celery的教程详解

2018/08/24 Python

widows下安装pycurl并利用pycurl请求https地址的方法

2018/10/15 Python

python3.6根据m3u8下载mp4视频

2019/06/17 Python

Python 字符串类型列表转换成真正列表类型过程解析

2019/08/26 Python

python随机模块random使用方法详解

2020/02/14 Python

阿里旅行：飞猪

2017/01/05 全球购物

波兰最大的儿童服装连锁店之一：5.10.15.

2018/02/11 全球购物

Linux如何为某个操作添加别名

2015/02/05 面试题

安全生产检讨书

2014/01/21 职场文书

恶搞卫生巾广告词

2014/03/18 职场文书

股东授权委托书

2014/10/15 职场文书

新年祝酒词大全

2015/08/11 职场文书

详解JAVA中的OPTIONAL

2021/06/14 Java/Android