没有Jquery的淡入div

Question

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

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

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

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

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

Answer 1

老实说，我不明白你的问题，但基于标题（没有Jquery的Fade-in 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);