看了网上那么多的js鼠标悬停时事件,大多数的,说了那么多话,也没解决什么问题,现在直接贴上代码,以供参考
<强> html:
& lt; div id=胺拧痹谡馐强佳? & lt;/div>
css: <强>
& lt;风格类型=" text/css "比;
.out{背景颜色:灰色;}
.over{背景颜色:红色;}
background - color .down{:黄色;}
& lt;/style>
Way1:
<强> js:
$(函数(){
var标志=. getelementbyid(“标志”);
changBkColor(信号);
});
函数changBkColor (obj) {
obj.onmouseover=function () {this.className=敖崾?},//鼠标悬停事件
obj.onmouseout=function () {this.className=皁ut”;},//鼠标离开事件
obj.onmousedown=function () {this.className=跋蛳隆?},//鼠标点击时触发事件
}
Way2:
<强> JQuery
/* $ (obj) .hover (inFunction outFunction)
*等同于$ (obj) .mouseover () .mouseout ();
*/$(函数(){
$(" #符号”).hover(函数(){
$(" #符号”).addClass (“/?;
},函数(){
$(" #符号”).removeClass (“/? .addClass(出来的);
});
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
