jQuery的toggleClass动画问题

-1

如果将鼠标悬停在左上方的标志，它应该“褪色”一样的标志与它下面的一些文字。

问题是，徽标部分自然会褪色，但其下方的文本看起来像是放在一起，并且不会“自然”褪色。

任何想法？

从我所看到，你的文字写在图像中，具有鼠标悬停不同的背景，我认为问题是由

你可以尝试，而不是做一些像这样的原因造成的：

<div class="sublogo-stress" style=" "> 
    <img src="/wp-content/themes/SimplePress/images/trans_120x90.png"> 
    <span>test</span> 
</div>

您甚至可以将span的不透明度设置为0，以使其完全不可见。现在褪色效果应该会更好。

2012-02-16 22:41:58

toggleClass更改不透明度以匹配悬停类的不透明度并添加类。但是，无论如何，你改变课堂的地方将会突然出现文字。看看这里http://jsfiddle.net/eYJym/

你可以'回避'这个效果，通过淡化到0应该切换类。或者通过将不可见图层与原始图像上方的文本放在一起，将其淡化为某种不透明度，然后使用原始图像隐藏该图层。处理不透明的图像会容易得多:)

2012-02-16 23:17:40 Cheery

回答