没有Jquery的淡入div [重复]答案

【问题标题】：Fade-in div without Jquery [duplicate]没有Jquery的淡入div [重复]
【发布时间】：2015-08-12 12:34:12
【问题描述】：

我正在将 HTML 主题传递给 Wordpress，但在此过程中出现了一些问题。

http://www.pousadafloresdocerrado.com.br/site/a_pousada.php

在这个页面中，如果我将光标移到每个房间下方的图标（如电视、冰箱等）上，它会弹出一条带有项目名称的消息。

当我将相同的代码传递给 Wordpress 时，此函数停止工作。我将光标移到图标上方，但没有显示任何内容。

我应该怎么做才能让它工作？代码使用什么方法来显示它？因为我无法识别它。

【问题讨论】：

能否请您附上您遇到问题的相关代码？如果您这样做，您无疑会收到更快、更简洁的答案。
你可以使用 CSS :hover pseudo-class。
用jQuery(function($){ /* you code here */ });封装你的jQuery代码

标签： javascript jquery html css wordpress

【解决方案1】：

老实说，我不明白你的问题，但根据标题（没有 Jquery 的淡入 div）我会这样做：

只需一点一点地增加不透明度，当它达到 1 时停止它。

var a = document.getElementById('wrap'),
    b = 0,
    c = 0.001;
    a.style.opacity = 0;
var d = setInterval(function() {
    b += c;
    a.style.opacity = b;
    if (a.style.opacity == 1) { clearInterval(d); }
}, 50);

【讨论】：