编程 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实现在字符串中提取数字

Nov 05 Javascript

JavaScript字符串对象fromCharCode方法入门实例（用于把Unicode值转换为字符串）

Oct 17 Javascript

js分页工具实例

Jan 28 Javascript

关于JS中setTimeout()无法调用带参函数问题的解决方法

Jun 21 Javascript

前端JS面试中常见的算法问题总结

Dec 23 Javascript

js获取隐藏元素的宽高

Feb 24 Javascript

使用ionic播放轮询广告的实现方法(必看)

Apr 24 Javascript

Require.JS中的几种define定义方式示例

Jun 01 Javascript

解决vue接口数据赋值给data没有反应的问题

Aug 27 Javascript

Vue常见面试题整理【值得收藏】

Sep 20 Javascript

JavaScript如何获取一个元素的样式信息

Jul 29 Javascript

node.js通过Sequelize 连接MySQL的方法

Dec 28 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小技巧把数组的键和值交换形成了新的数组,查找值取得键

2011/06/02 PHP

PHP登录环节防止sql注入的方法浅析

2014/06/30 PHP

php从数据库中读取特定的行(实例)

2017/06/02 PHP

Thinkphp 框架扩展之Widget扩展实现方法分析

2020/04/23 PHP

多个表单中如何获得这个文件上传的网址实现js代码

2013/03/25 Javascript

jQuery动态添加、删除元素的方法

2014/01/09 Javascript

JavaScript调试工具汇总

2014/12/23 Javascript

JS+CSS实现带关闭按钮DIV弹出窗口的方法

2015/02/27 Javascript

JS实现文字掉落效果的方法

2015/05/06 Javascript

AngularJS入门教程之XHR和依赖注入详解

2016/08/18 Javascript

JSON与XML的区别对比及案例应用

2016/11/11 Javascript

Jquery Easyui自定义下拉框组件使用详解（21）

2020/12/31 Javascript

微信小程序开发之快递查询功能的实现

2017/01/09 Javascript

详解Angular Reactive Form 表单验证

2017/07/06 Javascript

在小程序/mpvue中使用flyio发起网络请求的方法

2018/09/13 Javascript

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

2018/09/25 Javascript

JQuery模拟实现网页中自定义鼠标右键菜单功能

2018/11/14 jQuery

Vue实现的父组件向子组件传值功能示例

2019/01/19 Javascript

JS中的算法与数据结构之列表(List)实例详解

2019/08/16 Javascript

js对象简介与基本用法示例

2020/03/13 Javascript

py中的目录与文件判别代码

2008/07/16 Python

详尽讲述用Python的Django框架测试驱动开发的教程

2015/04/22 Python

Ubuntu下安装PyV8

2016/03/13 Python

详解python3实现的web端json通信协议

2016/12/29 Python

200行自定义python异步非阻塞Web框架

2017/03/15 Python

Python 专题六局部变量、全局变量global、导入模块变量

2017/03/20 Python

Python简单实现两个任意字符串乘积的方法示例

2018/04/12 Python

Win10下Python3.7.3安装教程图解

2019/07/08 Python

tensorflow之自定义神经网络层实例

2020/02/07 Python

2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用

2020/03/24 Python

Python matplotlib读取excel数据并用for循环画多个子图subplot操作

2020/07/14 Python

深入解析HTML5使用SVG图像时的viewBox属性用法

2015/09/02 HTML / CSS

驾驶员岗位职责

2014/01/29 职场文书

电气个人求职信范文

2014/02/04 职场文书

如何书写读后感？（附范文）

2019/07/26 职场文书

Django操作cookie的实现

2021/05/26 Python