永久性的鼠标悬停效果按钮

我做了一个网站有很多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

永久性的鼠标悬停效果按钮

回答

相关问题