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

让任务管理器中的CPU跳舞的js代码

Nov 01 Javascript

jquery入门—选择器实现隔行变色实例代码

Jan 04 Javascript

当鼠标滑过文本框自动选中输入框内容的JS代码分享

Nov 26 Javascript

javascript中字符串的定义示例代码

Dec 19 Javascript

jquery.form.js用法之清空form的方法

Mar 07 Javascript

PHP使用方法重载实现动态创建属性的get和set方法

Nov 17 Javascript

jQuery控制元素显示、隐藏、切换、滑动的方法总结

Apr 16 Javascript

IE9+已经不对document.createElement向下兼容的解决方法

Sep 14 Javascript

javascript每日必学之循环

Feb 19 Javascript

AngularJS监听路由的变化示例代码

Sep 23 Javascript

Vue.set() this.$set()引发的视图更新思考及注意事项

Aug 30 Javascript

Flutter实现仿微信底部菜单栏功能

Sep 18 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

玩转虚拟域名◎＋ .

2006/10/09 PHP

php面向对象全攻略（十四） php5接口技术

2009/09/30 PHP

Php获取金书网的书名的实现代码

2010/06/11 PHP

PHP中通过语义URL防止网站被攻击的方法分享

2011/09/08 PHP

利用PHP+JS实现搜索自动提示(实例)

2013/06/09 PHP

PHP获取文件相对路径的方法

2015/02/26 PHP

程序员的表白神器“520”大声喊出来

2016/05/20 PHP

PHP代码重构方法漫谈

2018/04/17 PHP

原生JS实现Ajax通过GET方式与PHP进行交互操作示例

2018/05/12 PHP

定义select的边框颜色

2008/04/28 Javascript

设置下载不需要倒计时cookie(倒计时代码)

2008/11/19 Javascript

JS操作Cookies包括(读取添加与删除)

2012/12/26 Javascript

js实现快速分享功能(你的文章分享工具)

2013/06/25 Javascript

基于jquery和svg实现超炫酷的动画特效

2014/12/09 Javascript

js验证上传图片的方法

2015/05/12 Javascript

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)

2016/02/25 Javascript

原生JS实现网络彩票投注效果

2016/09/25 Javascript

自带气泡提示的vue校验插件（vue-verify-pop）

2017/04/07 Javascript

JQuery判断正整数整理小结

2017/08/21 jQuery

vue-cli V3.0版本的使用详解

2018/10/24 Javascript

layer.open组件获取弹出层页面变量、函数的实例

2019/09/25 Javascript

vue-cli点击实现全屏功能

2020/03/07 Javascript

vue商城中商品“筛选器”功能的实现代码

2020/07/01 Javascript

python网络编程之UDP通信实例（含服务器端、客户端、UDP广播例子）

2014/04/25 Python

在Django的模板中使用认证数据的方法

2015/07/23 Python

python 获取当天凌晨零点的时间戳方法

2018/05/22 Python

Python 实现Serial 与STM32J进行串口通讯

2019/12/18 Python

如何在python中实现线性回归

2020/08/10 Python

python tkinter的消息框模块(messagebox,simpledialog)

2020/11/07 Python

详解pandas映射与数据转换

2021/01/22 Python

Shell编程面试题

2016/05/29 面试题

白血病募捐倡议书

2014/05/14 职场文书

员工表扬信怎么写

2015/05/05 职场文书

筑梦中国心得体会

2016/01/18 职场文书

导游词之唐山景点

2019/12/18 职场文书

《我的美好婚事》动画化决定纪念插画与先导PV公开

2022/04/06 日漫