html鼠标悬停改变背景,js设置鼠标悬停改变背景色实现详解_哒哒

看了网上那么多的

this is test!

});

function changBkColor(obj){

obj.οnmοuseοver=function(){ this.className="over"; };//鼠标悬停事件

obj.οnmοuseοut=function(){ this.className="out"; };//鼠标离开事件

obj.οnmοusedοwn=function(){this.className="down";};//鼠标点击时触发事件

}

Way2：

/* $(obj).hover(inFunction,outFunction)

*　等同于$(obj).mouseover().mouseout();

$(function(){

$('#sign').hover(function() {

$('#sign').addClass('over');

}, function() {

$('#sign').removeClass('over').addClass('out');

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持前端开发者。

html鼠标悬停改变背景,js设置鼠标悬停改变背景色实现详解_哒哒_前端开发者相关推荐

html设置鼠标背景,js设置鼠标悬停改变背景色实现详解
看了网上那么多的js鼠标悬停时事件,大多数的,说了那么多话,也没解决什么问题,现在直接贴上代码,以供参考 html: this is test! css: .out{background-color: ...
Vue.js - Font Awesome字体图标的使用详解（vue-fontawesome库）
Vue.js - Font Awesome字体图标的使用详解(vue-fontawesome库) Font Awesome 是一个十分优秀的第三方图标库,我之前也写过文章介绍如何在 html 页面中使 ...
js keyup、keypress和keydown事件详解
js keyup.keypress和keydown事件详解 js keyup.keypress和keydown事件都是有关于键盘的事件当一个按键被pressed 或released在每一个现代浏 ...
vue.js循环for（列表渲染）详解
vue.js循环for(列表渲染)详解一.总结一句话总结: v-for <ul id="example-1"> <li v-for="item in ...
JS - 文件上传组件WebUploader使用详解1（带进度的文件上传
一.基本介绍 1,什么是 WebUploader? WebUploader 是由百度公司团队开发的一个以 HTML5 为主,FLASH 为辅的现代文件上传组件. 官网地址:http://fex.bai ...
goland 方法注释_goland 设置注释模板的过程图文详解
网上找了一些办法都没有说到关键点: 梳理一下设置步骤如下,以及避免的坑. 新建文件自动加注释: Preferences | Editor | File and Code Templates 打开go ...
Linux用户、权限及改变文件所有者及文件所属组多例详解附python代码
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记如有转载,请注明出处(如不注明,盗者必究) Linux用户.权 ...
基于PHP和JS的AES相互加密解密方法详解(CryptoJS)
在最近的项目中,前端后台数据交互需要进行加密之后传输使用,以保证系统数据的安全.有关数据加密解密的问题,有很多种加密的方式,在这里我选择了AES的加密方式.特此写下此篇博文,总结讲述下PHP和JS进行 ...
js中childNodes易错点、详解定义以及用法
js中childNodes易错点.详解定义以及用法最近学习的时候,我遇到了childNodes的一些问题,我查阅了一些资料,总结一下其定义及用法.在学习childNodes之前,我们需要先了解一下D ...

html鼠标悬停改变背景,js设置鼠标悬停改变背景色实现详解_哒哒_前端开发者

html鼠标悬停改变背景,js设置鼠标悬停改变背景色实现详解_哒哒_前端开发者相关推荐

最新文章

热门文章