-1

我不太确定如何调用效果,因为我不明白您说 javascript 或 jquery 时的区别。我什么都做不了。

所以,我在 html/css 中制作一个菜单,我想在悬停菜单项时制作一个淡入淡出效果。我不确定这样的事情是否存在,但我发现了一些类似的例子,但不完全是我需要的。

http://greg-j.com/static-content/hover-fade.html

http://www.jacklmoore.com/blend

在这两件事中都有我想要的效果,但是有些项目/按钮具有正常和悬停部分。

我所拥有的只是悬停状态:) 所以它基本上是一个作为菜单背景的图像和其他悬停状态的图像。

是否有机会仅使用一张用于(悬停)的图像来制作这种“出现/消失”的淡入淡出效果,或者必须有正常和悬停状态才能使其工作?

4

1 回答 1

2

查看 CSS3 过渡。

这是一些在悬停时淡化元素的 CSS。

.fade 
{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover 
{
    opacity: 0.5;
}

您只需要像这样为您的元素提供 .fade 类:

<p class="fade">This is my text element that will fade when you hover over it.</p>

虽然它不一定是文本 - 它可以是按钮、图像等。

取自http://bavotasan.com/2011/a-simple-fade-with-css3/

于 2012-07-23T22:29:57.167 回答