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

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

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

看了網(wǎng)上那么多的js鼠標(biāo)懸停時事件，大多數(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)點擊時觸發(fā)事件
}

Way2：

JQuery

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

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

相關(guān)文章

最新評論