Javascript 链接在多次悬停时更改颜色_Javascript_Html_Hover

Javascript 链接在多次悬停时更改颜色

javascript html

Javascript 链接在多次悬停时更改颜色,javascript,html,hover,Javascript,Html,Hover,我想知道如何可能改变我的锚文本颜色多次，不同的颜色每次说锚是悬停。我浏览了互联网和StackOverflow，这应该是我最接近的东西：这个链接具有相同的基本思想，即多次悬停在某个物体上，每次都会改变颜色我确实看了一下代码，但想到了两件需要修复的事情：一，我不熟悉jQuery，但对JS不太熟悉；第二，我想指定我的颜色；我注意到他是随机的。为了给您一张图片，以下是我的代码，仅用于（空）链接及其样式： <!DOCTYPE html> <html> <body

我想知道如何可能改变我的锚文本颜色多次，不同的颜色每次说锚是悬停。我浏览了互联网和StackOverflow，这应该是我最接近的东西：

这个链接具有相同的基本思想，即多次悬停在某个物体上，每次都会改变颜色

我确实看了一下代码，但想到了两件需要修复的事情：一，我不熟悉jQuery，但对JS不太熟悉；第二，我想指定我的颜色；我注意到他是随机的。为了给您一张图片，以下是我的代码，仅用于（空）链接及其样式：

<!DOCTYPE html>
<html>
    <body>
         <a href = ""><div class = "menu">Text block for demonstration</div></a>
     <style>
        .menu {
        font-family: Bebas Neue, Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        color: white;
        padding: 10px;
        border: 1px solid black;
        width: 300px;
        clear: both;
        background-color: black;
        }
    </style>

    </body>
</html>


.菜单{
字体系列：Bebas Neue、Helvetica、Arial、无衬线字体；
字号：1.5em；
颜色：白色；
填充：10px；
边框：1px纯黑；
宽度：300px；
明确：两者皆有；
背景色：黑色；
}

总而言之：基本上，我希望文本在每次悬停时都能改变颜色，能够指定颜色并循环它们。

尝试以下方法：

HTML

<a href="#" id="test">hello world!</a>

祝贺你击出2K

var arr = ['#f00', '#0f0', '#00f']; // Just add more if you like
var i = 0;
var start_over = arr.length;

$("#test").mouseenter(function(){

    i++;
    if (i == start_over) { 
        i = 0; 
    }

    $(this).css('color', arr[i]);

});

onmouseover = function() {
    this.style.color = colors[this.dataset.n++ % colors.length];
}
onmouseout = function() {
    this.style.color = '';
}