Javascript上的Fx：如何在没有框架的情况下淡出东西等？

我想学习如何在Javascript上实现淡入淡出和类似效果。 我经常得到答案，比如为什么不使用Jquery、mootools等等？嗯，我 想要了解东西是如何工作的，那么我不介意使用这些框架中的任何一个

我目前正在学习对DOM进行更改，因此，我读了很多 关于这个主题的东西。此外，我也读过回流焊的相关文章，但我还是没有发现任何酷的东西 重新粉刷的东西，但我会继续搜索

通过查看源文件等，我看到了一些方法，我不知道它们是否 创建或是JS的核心方法

我的问题是，有没有什么资源可以让我学到像这样的好东西

---

平滑位置更改、通过不透明度或其他方式淡入元素？

使用javascript淡入基本上是通过编程方式修改元素的不透明度。“平滑度”是通过使用定时器来实现的。位置/大小更改也一样。您需要通读css，以了解为了达到想要的效果，必须使用javascript控制元素的哪些样式属性

---

如果您真的很好奇，可以在github中深入了解yui的源代码：

下面是一个在firefox和chrome中工作的示例。ie不尊重不透明的风格

    var ELEMENT;
    var STEPS;
    var INTERVAL;
    var COUNT;
    var TIMERID;

    // 5 * 200ms = 1 second
    STEPS = 5;
    INTERVAL = 200;

    function Button1_onclick() {

        ELEMENT = document.getElementById("foo");
        COUNT = STEPS - 1;
        TIMERID = setInterval(Fade, INTERVAL);
    }

    function Fade() {

        ELEMENT.style.opacity = String(COUNT / STEPS);
        COUNT--;

        if (COUNT < 0) {
            clearInterval(TIMERID);
            TIMERID = 0;
        }
    }

var元素；
var阶跃；
var区间；
var计数；
var-TIMERID；
//5*200ms=1秒
步骤=5；
间隔=200；
功能按钮1_onclick（）{
元素=document.getElementById（“foo”）；
计数=步骤-1；
TIMERID=设置间隔（淡入淡出，间隔）；
}
函数Fade（）{
ELEMENT.style.opacity=字符串（计数/步数）；
计数--；
如果（计数<0）{
清除间隔（TIMERID）；
TIMERID=0；
}
}

setInterval和clearInterval是标准的js函数。它们将每x毫秒执行一次给定的函数。在我们的例子中，当我们达到0不透明度时，我们杀死它

滑动窗口也是一个类似的过程。您应该设置左/右/上/下样式，而不是不透明度。

看看。这是全新的。学习如何做自己的事的好方法

在最近的jsconf会议上介绍。作者托马斯·福斯（script.aculo.us）

Émile独立CSS动画

JavaScript迷你框架

不需要 JavaScript框架

全套CSS 动画的属性（基于长度） （颜色）

宽松和回调

少 超过50行代码

获取最新信息 推特：

---

你好我对CSS很在行，我将检查Javascript上的计时器。这就是我一直想弄明白的；）谢谢！非常感谢，考虑得很好：D