gpt4 book ai didi

javascript - 链接在多次悬停时改变颜色

转载 作者:行者123 更新时间:2023-11-30 12:48:47 25 4
gpt4 key购买 nike

我想知道如何多次更改我的 anchor 的文本颜色,每次将 anchor 悬停在不同的颜色上。我搜索了互联网和 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>

总而言之:基本上,我希望文本每次悬停时都会改变颜色,能够指定颜色并循环显示。

最佳答案

试试这个:

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

关于javascript - 链接在多次悬停时改变颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21691296/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com