1. click/hover 設(shè)置邊框時(shí)，該元素內(nèi)的內(nèi)容發(fā)生下移

偶記易方 2018-09-13

展開全文

給元素本身添加該屬性（border），當(dāng)hover/click時(shí)只是改變了該屬性的值（顏色）而不是添加該屬性，這樣可以保證位置不變

div { border: 1px solid #fff; }

div:hover {border: 1px solid #ff5000;}

div.current {border: 1px solid #ff5000;}

$("div").click(function(){

if($(this).hasClass("current")){

$(this).removeClass("current");

}else{

$(this).addClass("current");
}

})

本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：偶記易方 > 《css技巧》

舉報(bào)/認(rèn)領(lǐng)