编程 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动态加载js三种方法实例

Aug 03 Javascript

JS常见问题整理(持续更新)

Aug 06 Javascript

Jquery解析json数据详解

Dec 26 Javascript

jQuery ajax serialize() 方法使用示例

Nov 02 Javascript

Bootstrap的图片轮播示例代码

Aug 31 Javascript

基于js对象,操作属性、方法详解

Aug 11 Javascript

Vue-Router模式和钩子的用法

Feb 28 Javascript

详解Angular5/Angular6项目如何添加热更新(HMR)功能

Oct 10 Javascript

node将geojson转shp返回给前端的实现方法

May 29 Javascript

vue中v-show和v-if的异同及v-show用法

Jun 06 Javascript

使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果

Aug 16 Javascript

vue点击按钮动态创建与删除组件功能

Dec 29 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

mysql 中InnoDB和MyISAM的区别分析小结

2008/04/15 PHP

探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解

2013/06/20 PHP

如何使用php判断所处服务器操作系统的类型

2013/06/20 PHP

php结合curl实现多线程抓取

2015/07/09 PHP

ThinkPHP框架里隐藏index.php

2016/04/12 PHP

PHP检查网站是否宕机的方法示例

2017/07/24 PHP

PHP下 Mongodb 连接远程数据库的实例代码

2017/08/30 PHP

PHP实现git部署的方法教程

2017/12/19 PHP

PHP实现生成推广海报的方法详解

2018/03/14 PHP

PHP5.5新特性之yield理解与用法实例分析

2019/01/11 PHP

使两个iframe的高度与内容自适应,且相等

2006/11/20 Javascript

常用简易JavaScript函数

2009/04/09 Javascript

运算符&&的三个不同层次

2013/04/07 Javascript

jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态

2013/10/29 Javascript

js阻止冒泡及jquery阻止事件冒泡示例介绍

2013/11/19 Javascript

JS创建类和对象的两种不同方式

2014/08/08 Javascript

使用js实现的简单拖拽效果

2015/03/18 Javascript

JavaScript Function函数类型介绍

2015/04/08 Javascript

简单实现兼容各大浏览器的js复制内容到剪切板

2015/09/09 Javascript

纯js代码实现简单计算器

2015/12/02 Javascript

javascript的几种继承方法介绍

2016/03/22 Javascript

jQuery中的AjaxSubmit使用讲解

2016/09/25 Javascript

详解vue-cli下ESlint 配置说明

2018/09/03 Javascript

微信小程序自定义toast的实现代码

2018/11/16 Javascript

深入koa-bodyparser原理解析

2019/01/16 Javascript

Vue CLI3.0中使用jQuery和Bootstrap的方法

2019/02/28 jQuery

python:print格式化输出到文件的实例

2018/05/14 Python

Appium+Python自动化测试之运行App程序示例

2019/01/23 Python

python双向链表原理与实现方法详解

2019/12/03 Python

Urban Outfitters美国官网：美国生活方式品牌

2016/08/26 全球购物

文科教师毕业的自我评价

2014/01/16 职场文书

KTV员工管理制度

2015/08/06 职场文书

承诺书应该怎么写？

2019/09/10 职场文书

MySQL infobright的安装步骤

2021/04/07 MySQL

Linux系统下安装PHP7.3版本

2021/06/26 PHP

使用Redis实现点赞取消点赞的详细代码

2022/03/20 Redis