Question

我想知道怎么可能多次改变我的锚的文本颜色，每次所说的锚悬停在不同的颜色上。我已经浏览了互联网和StackOverflow，这是我最接近的事情：

http://www.codecademy.com/es/donvomar/codebits/xIEpDx

该链接具有相同的一般概念，即多次悬停在某物上并且每次都会改变颜色。

我确实看了一下代码，但想到了两个要修复的东西：一，我对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>

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

Answer 1

试试这个：

<强> HTML

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

<强> JS

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]);

});

<强> JSFiddle

Answer 2

http://jsfiddle.net/V7qGx/

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

链接更改多个悬停的颜色

2 个答案: