Javascript或jQuery文本顏色幻燈片效果？

Question

我正在嘗試進行基本導航，所有鏈接均為純文本，當前頁面以不同的顏色顯示。

我該如何對當前懸停的導航項使用不同的顏色“幻燈片”？

例如： http: //www.branded07.com/類似的東西，但是可以使文字顏色滑動而不是該鏈接滑動的背景？

Answer 1

這很困難：)據我了解，您要實現的目標是當您有一個單詞（例如以紅色顯示的單詞COLOR ，首先使C改變顏色，然后使O變色，然后使L等，並以這種快速且連續的運動，似乎下一個顏色從左向右滑動。 我對嗎？

首先，無法使用jQuery核心對顏色進行動畫處理，但是可以使用jQuery.color（）插件（請查看https://github.com/jquery/jquery-color ）。 使用此插件，一種可能的方法是抓取您正在處理的文本（懸停的菜單項），剪切每個字母並對其進行動畫處理，並使用一點超時對其進行動畫處理。

我在jsfiddle上為您構建了一個示例，對其進行檢查並根據您的需求對其進行自定義： http : //jsfiddle.net/xhCa2/

Answer 2

您必須使用jQuery UI（擴展到toggleClass函數）：

HTML：

<div class="menu">
<span class="menu-item">Menu 1</span>
<span class="menu-item">Menu 2</span>
<span class="menu-item">Menu 3</span>
<span class="menu-item">Menu 4</span>
</div>

CSS：

.menu-item
{
    color: black;
}

.menu-item-hover
{
    color: red;
}

Javascript：

$(".menu-item").each(function() {
    $(this).hover(function() {
        $(this).toggleClass('menu-item-hover', 500);
    });
});

演示： http ： //jsfiddle.net/nQ6Ze/

Answer 3

根據您的描述，我認為您的意思是這樣的？ http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

至少它可能是一個起點