欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js設(shè)置鼠標(biāo)懸停改變背景色實(shí)現(xiàn)詳解

 更新時(shí)間:2019年06月26日 10:20:42   作者:代 碼 飛 了 `  
這篇文章主要介紹了js設(shè)置鼠標(biāo)懸停改變背景色實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下

看了網(wǎng)上那么多的js鼠標(biāo)懸停時(shí)事件,大多數(shù)的,說了那么多話,也沒解決什么問題,現(xiàn)在直接貼上代碼,以供參考

html:

<div id="sign">this is test!</div>

css:      

<style type="text/css">
.out{background-color: gray;}
.over{background-color: red;}
.down{background-color: yellow; }
</style>

Way1:

js:

$(function(){
var sign=document.getElementById("sign");
changBkColor(sign);
});
function changBkColor(obj){
obj.onmouseover=function(){ this.className="over"; };//鼠標(biāo)懸停事件
obj.onmouseout=function(){ this.className="out"; };//鼠標(biāo)離開事件
obj.onmousedown=function(){this.className="down";};//鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)事件
}

Way2:

JQuery

/* $(obj).hover(inFunction,outFunction)
* 等同于$(obj).mouseover().mouseout();
*/
$(function(){
$('#sign').hover(function() {
$('#sign').addClass('over');
}, function() {
$('#sign').removeClass('over').addClass('out');
});
});

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論