Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript还是jQuery文本彩色幻灯片效果?_Javascript_Jquery_Html - Fatal编程技术网

Javascript还是jQuery文本彩色幻灯片效果?

Javascript还是jQuery文本彩色幻灯片效果?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试做一个基本的导航,所有的链接都是纯文本,当前页面以不同的颜色显示 我将如何将不同颜色的“幻灯片”添加到当前悬停的导航项 例如: 类似的东西,但不是链接幻灯片的背景,我可以要文本彩色幻灯片吗?根据您所描述的内容,我认为您的意思是这样的? 或者至少它可能是一个起点,从你所描述的我想你是指这样的东西? 或者至少它可能是一个起点您必须使用jQuery UI(toggleClass函数的扩展): Html: Javascript: $(".menu-item").each(function(

我正在尝试做一个基本的导航,所有的链接都是纯文本,当前页面以不同的颜色显示

我将如何将不同颜色的“幻灯片”添加到当前悬停的导航项

例如:
类似的东西,但不是链接幻灯片的背景,我可以要文本彩色幻灯片吗?

根据您所描述的内容,我认为您的意思是这样的?


或者至少它可能是一个起点,从你所描述的我想你是指这样的东西?

或者至少它可能是一个起点

您必须使用jQuery UI(toggleClass函数的扩展):

Html:

Javascript:

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

您必须使用jQuery UI(toggleClass函数的扩展):

Html:

Javascript:

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

这是一个艰难的过程:)据我所知,你想要实现的是当你有一个单词,例如单词
COLOR
,显示为红色,首先让C改变颜色,然后是O,然后是L等等。在如此快速和连续的运动中,下一个颜色似乎是从左向右滑动。我说得对吗

首先,不能使用jQuery核心为颜色设置动画,但可以使用jQuery.color()插件(签出)。使用这个插件,一种可能的方法是抓取你正在处理的文本(悬停的菜单项),剪下每个字母,一个接一个地设置动画,使用一点超时来设置动画

我在JSFIDLE为您创建了一个示例,请查看它并根据您的需要进行定制:

这是一个困难的示例:)据我所知,您试图实现的是当您有一个单词时,例如显示为红色的单词
COLOR
,首先让C更改颜色,然后是O,然后是L等等,在如此快速和连续的运动中,下一种颜色似乎从左向右滑动。我说得对吗

首先,不能使用jQuery核心为颜色设置动画,但可以使用jQuery.color()插件(签出)。使用这个插件,一种可能的方法是抓取你正在处理的文本(悬停的菜单项),剪下每个字母,一个接一个地设置动画,使用一点超时来设置动画


我已经在JSFIDLE为您构建了一个示例,请查看并根据您的需要进行定制:

谢谢!:)这正是我想要的。或者,在接近它的地方我可以补充一句。我正在做必要的修改,但它太棒了!哈哈,是的,你可以加上:)我很好奇你最后得到了什么,你能再发一次吗?谢谢当然:)这基本上就是我现在用它所做的:不过,褪色只会在悬停时发生,谢谢!:)这正是我想要的。或者,在接近它的地方我可以补充一句。我正在做必要的修改,但它太棒了!哈哈,是的,你可以加上:)我很好奇你最后得到了什么,你能再发一次吗?谢谢当然:)这基本上就是我现在用它所做的:然而,褪色只会在悬停时发生
$(".menu-item").each(function() {
    $(this).hover(function() {
        $(this).toggleClass('menu-item-hover', 500);
    });
});