我们可以在iframe中淡入和淡出吗？

Question

是否有可能在iframe中淡入和淡出过渡？

Answer 1

通过随时间改变元素的不透明度可以实现淡入或淡出,这是一个非常简单的示例:

var iframe = document.getElementById('iframe');

fadeOut(iframe, 1000);

function fadeOut(el, duration) {

    /*
     * @param el - The element to be faded out.
     * @param duration - Animation duration in milliseconds.
     */

    var step = 10 / duration,
        opacity = 1;
    function next() {
        if (opacity <= 0) { return; }
        el.style.opacity = ( opacity -= step );
        setTimeout(next, 10);
    }
    next();
}

虽然jQuery是一个令人难以置信的库,但你对它的使用应该不仅仅是它创造奇特效果的能力.应采用图书馆,其完整性和易用性; 不是因为它发生在只提供一个事情,你可能需要使用.

Answer 2

你可以用jquery来做！

http://docs.jquery.com/Effects/fadeOut

http://docs.jquery.com/Effects/fadeIn