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"

都自动有效果
Javascript 相关文章推荐
js读取被点击次数的简单实例(从数据库中读取)
Mar 07 Javascript
JavaScript Array对象扩展indexOf()方法
May 09 Javascript
jQuery针对各类元素操作基础教程
Aug 29 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
js时间戳和c#时间戳互转方法(推荐)
Feb 15 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
浅谈Webpack 持久化缓存实践
Mar 22 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
JavaScript实现的九种排序算法
Mar 04 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 Curl多线程原理实例详解
2013/11/06 PHP
PHP Yaf框架的简单安装使用教程(推荐)
2016/06/08 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
2018/06/25 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
[01:05:36]VP vs TNC Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
python lxml中etree的简单应用
2019/05/10 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
python中字典按键或键值排序的实现代码
2019/08/27 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
详解python logging日志传输
2020/07/01 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
Ajax的优点和缺点
2014/11/21 面试题
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
计算机相关的自我评价
2014/01/15 职场文书
表彰先进的通报
2014/01/31 职场文书
公司员工检讨书
2014/02/08 职场文书
感情真挚的毕业生求职信
2014/07/19 职场文书
厨师长岗位职责范本
2014/08/25 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书