永久性的鼠標懸停效果按鈕

我做了一個網站有很多ghostbuttons，當用戶將鼠標懸停在他們上面時會改變顏色。按鈕按彩色排列，就像彩虹一樣，即使鼠標停在它上面，我也希望它們保持活動/着色，以便當用戶將鼠標懸停在所有按鈕上時，所有按鈕都會同時着色。永久性的鼠標懸停效果按鈕

這些按鈕都放在引導列中。

我對JavaScript沒有經驗，所以純粹的CSS對我來說很理想。但是，如果JavaScript是最好的方式，請讓我知道如何將它植入HTML和CSS。

請不要介意在拼寫任何錯誤，我是荷蘭和誦讀困難：P

提前感謝！

來源

2016-01-13 Jesse

你的意思是當用戶將鼠標懸停在某個元素上時，它仍然處於活動狀態，並且留下了一條痕跡。 –

是的！所以，一旦所有的按鈕都被徘徊在那裏，所有仍然有色 – Jesse

將這個在你的代碼只是</body>標記之前的底部。

<script> 
    $(".btn").mouseout(function() { 
     $(this).css("background-color","pink");    
    }); 
</script>

您可以將（「.btn‘）比特改變任一類別的網頁上，所以如果你只是想它改變BTN-初級班你必須（’.btn小學」）等

來源

2016-01-13 14:25:24 ERushforth

感謝它的工作！但我應該如何給所有按鈕提供正確的屬性？就像我需要它們透明，並在其中有彩色邊框和彩色文字。這是怎麼做到的？我可以在代碼中使用HEX顏色嗎？ $（「BTN-藍色」）。鼠標移開（函數（）{$ （本）的CSS（「背景色」，「無」，「邊框顏色」，「藍」，「色」，「藍色「）; }）; – Jesse

這是默認的自舉按鈕CSS： .btn默認{ 顏色：＃333; background-color：#fff; border-color：#ccc; } 您可以創建一個名爲BTN-RED1（在自己的CSS文件）並更改屬性，以便它的紅色陰影，然後創建一個名爲BTN-RED2用打火機/暗的陰影另一個類，並繼續這樣做直到你有彩虹。 – ERushforth

是的，我知道，我沒有使用那個按鈕，但是我明白了，它和我的按鈕一起工作。有色邊框現在也在工作。我唯一不能做的就是設置第二個屬性。我怎樣才能設置邊框顏色和文字顏色？（「.ghost-button-semi-transparent-pink」）。mouseout（function（）{ 就像我說的邊框這樣工作，但文本仍然是白色的。你知道我的錯誤是什麼嗎？ – Jesse

永久性的鼠標懸停效果按鈕

回答

相關問題