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

ExtJS 2.0实用简明教程之ExtJS版的Hello

Apr 29 Javascript

[原创]js获取数组任意个不重复的随机数组元素

Mar 15 Javascript

jQuery 核心函数以及jQuery对象

Mar 23 Javascript

jquery json 实例代码

Dec 02 Javascript

JavaScript 继承使用分析

May 12 Javascript

jQuery插件开发汇总

May 15 Javascript

简单理解vue中el、template、replace元素

Oct 27 Javascript

详谈JS中数组的迭代方法和归并方法

Aug 11 Javascript

解决vue A对象赋值给B对象,修改B属性会影响到A的问题

Sep 25 Javascript

JavaScript 复制对象与Object.assign方法无法实现深复制

Nov 02 Javascript

JS轮播图的实现方法

Aug 24 Javascript

解决vue scoped html样式无效的问题

Oct 24 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 操作文件的一些FAQ总结

2009/02/12 PHP

php中如何防止表单的重复提交

2013/08/02 PHP

PHP自定义错误处理的方法分析

2018/12/19 PHP

php中使用array_filter()函数过滤数组实例讲解

2021/03/03 PHP

超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)

2010/06/11 Javascript

Javascript 面试题随笔

2011/03/31 Javascript

表单元素的submit()方法和onsubmit事件应用概述

2013/02/01 Javascript

showModalDialog模态对话框的使用详解以及浏览器兼容

2014/01/11 Javascript

Nodejs Post请求报socket hang up错误的解决办法

2014/09/25 NodeJs

JavaScript中用于生成随机数的Math.random()方法

2015/06/15 Javascript

jQuery的Ajax用户认证和注册技术实例教程(附demo源码)

2015/12/08 Javascript

jQuery选择器用法实例详解

2015/12/17 Javascript

js弹性势能动画之抛物线运动实例详解

2017/07/27 Javascript

深入研究React中setState源码

2017/11/17 Javascript

Vue封装一个简单轻量的上传文件组件的示例

2018/03/21 Javascript

vue-cli3 DllPlugin 提取公用库的方法

2019/04/24 Javascript

微信内置开发 iOS修改键盘换行为搜索的解决方案

2019/11/06 Javascript

vue 获取url参数、get参数返回数组的操作

2020/11/12 Javascript

Python heapq使用详解及实例代码

2017/01/25 Python

python 实现语音聊天机器人的示例代码

2018/12/02 Python

python3.6使用urllib完成下载的实例

2018/12/19 Python

django 解决扩展自带User表遇到的问题

2020/05/14 Python

使用python求斐波那契数列中第n个数的值示例代码

2020/07/26 Python

基于Python组装jmx并调用JMeter实现压力测试

2020/11/03 Python

Python约瑟夫生者死者小游戏实例讲解

2021/01/04 Python

联想哥伦比亚网上商城：Lenovo Colombia

2017/01/10 全球购物

Timex手表官网：美国运动休闲手表品牌

2017/01/28 全球购物

美国知名保健品网站：LuckyVitamin（支持中文）

2017/08/09 全球购物

路由表示做什么用的？在linux环境中怎么来配置一条默认路由？

2013/06/07 面试题

中式结婚主持词

2014/03/14 职场文书

产品质量承诺书

2014/03/27 职场文书

抽样调查项目计划书

2014/04/24 职场文书

2015年世界无车日活动总结

2015/03/23 职场文书

卢旺达饭店观后感

2015/06/05 职场文书

汽车销售合同文本

2019/08/08 职场文书

图片批量处理 - 尺寸、格式、水印等

2022/03/07 杂记