javascript - 如何使用 Javascript 使某些内容在页面上缓慢显示？

Question

有没有更简单的方法让某些东西在网页上缓慢出现？我试图逐渐增加 CSS 的不透明度，但它(不透明度)标签对于每个浏览器都是不同的。有没有大家熟知的Javascript函数？或者有什么css标签吗？

[编辑] 感谢 Jquery 的建议。还有其他选择吗？我的页面很小，不想添加 Jquery。 (我知道谷歌托管它)

Answer 1

啊!这里的每个 JS 开发人员似乎都感染了 jqueryitis!
如果您尚未被感染或仍想摆脱它，这里有一个跨浏览器的小功能:)

function appear(elm, i, step, speed){
    var t_o;
    //initial opacity
    i = i || 0;
    //opacity increment
    step = step || 5;
    //time waited between two opacity increments in msec
    speed = speed || 50; 

    t_o = setInterval(function(){
        //get opacity in decimals
        var opacity = i / 100;
        //set the next opacity step
        i = i + step; 
        if(opacity > 1 || opacity < 0){
            clearInterval(t_o);
            //if 1-opaque or 0-transparent, stop
            return; 
        }
        //modern browsers
        elm.style.opacity = opacity;
        //older IE
        elm.style.filter = 'alpha(opacity=' + opacity*100 + ')';
    }, speed);
}

出现

appear(document.getElementsByTagName('DIV')[0], 0, 5, 40);

消失

appear(document.getElementsByTagName('DIV')[0], 100, -5, 40);