看了網(wǎng)上那么多的js鼠標懸停時事件，大多數(shù)的，說了那么多話，也沒解決什么問題，現(xiàn)在直接貼上代碼，以供參考
創(chuàng)新互聯(lián)公司是一家專業(yè)提供安慶企業(yè)網(wǎng)站建設,專注與成都做網(wǎng)站、成都網(wǎng)站建設、HTML5、小程序制作等業(yè)務。10年已為安慶眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進行中。
html:
this is test!
css:
Way1:
js:
重慶分公司
重慶分公司
$(function(){
var sign=document.getElementById("sign");
changBkColor(sign);
});
function changBkColor(obj){
obj.onmouseover=function(){ this.className="over"; };//鼠標懸停事件
obj.onmouseout=function(){ this.className="out"; };//鼠標離開事件
obj.onmousedown=function(){this.className="down";};//鼠標點擊時觸發(fā)事件
}Way2：
JQuery
/* $(obj).hover(inFunction,outFunction)
* 等同于$(obj).mouseover().mouseout();
*/
$(function(){
$('#sign').hover(function() {
$('#sign').addClass('over');
}, function() {
$('#sign').removeClass('over').addClass('out');
});
});以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
