编程 Javascript

用jQuery toggleClass 实现鼠标移上变色

Posted in Javascript onMay 14, 2014

按钮移上变色效果

<style> 
.round-corner-btn { 
-moz-border-radius:4px; 
-webkit-border-radius: 4px; 
-khtml-border-radius: 4px; 
border-radius: 4px; width:200px; height:40px; line-height: 40px; 
background: green; 
display:inline-block; 
color:white; 
text-align : center; 
cursor: pointer; 
} 
.avatar_size{ 
font-size:12px; 
text-align: center; 
margin-top:4px; 
} 
.btn-hover{ 
opacity: 0.8; 
} 
</style> 
<div class='round-corner-btn'> 按钮</div> 
<script> 
$('.round-corner-btn').hover(function(){ 
$(this).toggleClass('btn-hover', 200); 
}) 
</script>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 操作select下拉列表框的一点小经验

Mar 20 Javascript

js下写一个事件队列操作函数

Jul 19 Javascript

JavaScript字符串对象split方法入门实例（用于把字符串分割成数组）

Oct 16 Javascript

对js eval()函数的一些见解

Aug 15 Javascript

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

Nov 11 Javascript

node.js 和HTML5开发本地桌面应用程序

Dec 13 Javascript

js实现复选框的全选和取消全选效果

Jan 03 Javascript

JS中把函数作为另一函数的参数传递方法(总结)

Jun 28 Javascript

React Native 搭建开发环境的方法步骤

Oct 30 Javascript

jQuery动态添加元素无法触发绑定事件的解决方法分析

Jan 02 jQuery

Vue 事件的$event参数=事件的值案例

Jan 29 Vue.js

详解JVM系列之内存模型

Jun 10 Javascript

jquery ztree实现下拉树形框使用到了json数据

May 14 #Javascript

JQuery性能优化的几点建议

May 14 #Javascript

js 通过html()及text()方法获取并设置p标签的显示值

May 14 #Javascript

JQuery教学之性能优化

May 14 #Javascript

鼠标左键单击冲突的问题解决方法(防止冒泡)

May 14 #Javascript

javascript 中that的含义示例介绍

May 14 #Javascript

table insertRow、deleteRow定义和用法总结

May 14 #Javascript

You might like

syphon 虹吸式咖啡冲泡冲煮倒水的得与失

2021/03/03 冲泡冲煮

第4章数据处理-php数组的处理-郑阿奇

2011/07/04 PHP

PHP中IP地址与整型数字互相转换详解

2014/08/20 PHP

简单谈谈PHP中的trait

2017/02/25 PHP

php实现文件管理与基础功能操作

2017/03/21 PHP

基于ThinkPHP实现的日历功能实例详解

2017/04/15 PHP

JS清空多文本框、文本域示例代码

2014/02/24 Javascript

JavaScript函数定义的常见注意事项小结

2014/09/16 Javascript

js实现同一页面多个运动效果的方法

2015/04/10 Javascript

javascript实现数组内值索引随机化及创建随机数组的方法

2015/08/10 Javascript

JavaScript必知必会(六) delete in instanceof

2016/06/08 Javascript

js仿淘宝商品放大预览功能

2017/03/15 Javascript

js实现彩色条纹滚动条效果

2017/03/15 Javascript

解决vue 路由变化页面数据不刷新的问题

2018/03/13 Javascript

vue slots 组件的组合/分发实例

2018/09/06 Javascript

对layui数据表格动态cols(字段)动态变化详解

2019/10/25 Javascript

Vue中引入svg图标的两种方式

2021/01/14 Vue.js

[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/18 DOTA

Python常见格式化字符串方法小结【百分号与format方法】

2016/09/18 Python

python 设置文件编码格式的实现方法

2017/12/21 Python

在CMD命令行中运行python脚本的方法

2018/05/12 Python

pygame游戏之旅 python和pygame安装教程

2018/11/20 Python

python 获取毫秒数,计算调用时长的方法

2019/02/20 Python

Python异步编程之协程任务的调度操作实例分析

2020/02/01 Python

Python打包工具PyInstaller的安装与pycharm配置支持PyInstaller详细方法

2020/02/27 Python

Python %r和%s区别代码实例解析

2020/04/03 Python

Django REST 异常处理详解

2020/07/15 Python

亚洲颇具影响力的男性在线购物零售商：His

2019/11/24 全球购物

技校毕业生自荐信范文

2014/03/07 职场文书

国庆65周年演讲稿：回首往昔，展望未来

2014/09/21 职场文书

财务稽核岗位职责

2015/04/13 职场文书

2015年公司工作总结

2015/04/25 职场文书

2015大学生暑期实习报告

2015/07/13 职场文书

2015年初中教务处工作总结

2015/07/21 职场文书

2019员工保密协议书（3篇）

2019/09/23 职场文书

JavaScript原始值与包装对象的详细介绍

2021/05/11 Javascript