如何使用jQuery的CSS答：懸停

我使用的是顏色選擇改變一些元素如何使用jQuery的CSS答：懸停

function(color) { 
    $("#post h1").css("color",color.toHexString()); 
    $("#footer").css("background",color.toHexString()); 
    $("#navigation a:hover").css("background",color.toHexString());    
}

的#post h1和#foooter做工精細，但我怎樣才能改變#navigation a:hover？

來源

2012-07-26 Bobney

你會發現hover僞類沒有被所有瀏覽器完全支持：http://reference.sitepoint.com/css/pseudoclass-hover – 2012-07-26 00:32:48

你不需要應用'.toHexString（）' - 使用顏色名稱 – 2012-07-26 00:34:22

@LeeTaylor完全有效在錨標籤上，它在每個瀏覽器上的年齡都受到支持。 – bfavaretto 2012-07-26 00:36:15

UPDATE：試試：

$('#navigation').hover(function(){ 
    $(this).css({'color':'your_color_when_mouse_in'}); 
}, function(){ 
    $(this).css({'color':'your_color_when_mouse_out'}); 
});

來源

2012-07-26 00:33:22 levi

它會永久性地將顏色更改爲'your_color'。需要回調功能來恢復原始顏色。 – Mics 2012-07-26 00:49:53

Yup @Mics我有它與回調工作。我希望能找到一種方法來使用a：hover/pseudo，但如果沒有，我可以做很長的路。謝謝 – Bobney 2012-07-26 00:53:13

@Mics是thx，加了它。 – levi 2012-07-26 00:57:48

質樸清新另類！

function(color){ 
    //creates a new style tag 
    var style = document.createElement('style'); 
    style.type = 'text/css'; 
    //setup your items as actually css instead of style attributes 
    vars css = '#post h1{color: '+color.toHexString()+'}'; 
    css += '#footer, #navigation a:hover{background: '+color.toHexString()+'}'; 
    //place said css into style tag 
    style.styleSheet.cssText = css; 
    //add style tag to document 
    $('head').append(style); 
}

這將新<style>標記添加到包含你想要的CSS文檔。再加上它可以讓你使用css原生:hover！

來源

2012-07-26 02:04:53 Fresheyeball

如何使用jQuery的CSS答：懸停

回答

相關問題