Question

当我在我正在构建的Tumblr主题上翻转一个图标时，我想淡出那些弹出的div，roseannebarr.tumblr.com。我不知道如何:(

P.S：如果你得到“我们很快就会回来”，几分钟后再试一次，那就是Tumblr愚蠢:(

以下是Tumblr的工作原理; Tumblr使用自己的“标签”来创建从用户仪表板输入的帖子。您可以发布链接，照片，文字，聊天，视频或音频。我只在下面输入了一张照片。外面是你悬停的图标（它也使用“阻止”），工具提示是实际内容本身。您在我的页面上查看源但看不到这一点的原因是因为标签是内容。

<div id="outer">
{block:Photo}
<img id="block" src="http://static.tumblr.com/ux4v5bf/vYSlebvt2/photo.png">
<div id="tooltip">

{LinkOpenTag}<center><img id="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" /></center>    
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

<img id="cover" src="http://static.tumblr.com/ux4v5bf/pMHledd2y/cover.png">
<img id="cover" src="http://static.tumblr.com/ux4v5bf/pMHledd2y/cover.png">
</div>
{/block:Photo}
</div>

Answer 1

我假设您当前正在使用jQuery的show()和hide()方法来处理这些div。

相反，jQuery有一个fadeIn()和一个fadeOut()函数，它们听起来完全一样，你可以找到docs for fadeIn here。

作为第一个参数需要一些时间（以毫秒为单位），当动画完成第二个参数时需要调用一个可选函数：

$('div#whatever').fadeIn(200, function() {
    console.log('the fade has finished when this function is called');
});

Answer 2

$('#myIconId').mouseover(function() {
    $('.mydivsClass').fadeIn(5000);
});

我看到的一个问题是您在页面上的多个元素上具有相同的ID。 W3C声明一个ID但是多个类。您可能需要进行一些重构才能使上述工作正常进行。您需要一些方法将图标与图像匹配，通常这就是id标记的作用。

如何淡化与图标链接的div？

2 个答案: