Question

我希望某个DOM元素在我的脚本中淡入视图。我尝试使用超时功能，但无法使其工作。

hover.addEventListener('mouseover',function () {Core.addClass(cpanel,"on");},false);

请告诉我如何为此实现淡入效果。请不要推荐jquery或任何其他框架。

Answer 1

你可以提供标记来与你的JS一起使用，所以我们知道我们在看什么吗？

此外，如果您不想使用jQuery或其他框架，您仍然可以查看他们的实现，以了解如何使这种事情发挥作用。由于IE6的透明度支持不稳定，实现跨浏览器是一个非常困难的事情。

Answer 2

许多优秀的Javascript开发人员已经编写过动画函数，你真的可以帮自己（和你的观众）使用他们的。人们建议使用jQuery，这很棒。 MooTools是另一个很好的选择。

但是，如果你想在Javascript中如何编写动画的方向，我真的很快就在这里做了些什么。请注意，没有跨浏览器测试，我确定它在IE6中不起作用（IE7甚至？）。我也不想，我很欣赏其他人已经为我测试过的代码。

这只是了解如何使用原生Javascript：

function fadeIn(el, speed) {
    el.style.opacity = 0;
    var interval = setInterval(function(){
        el.style.opacity = parseFloat(el.style.opacity) + 0.1;
        if(el.style.opacity == 1.0) {
            clearInterval(interval);
        }
    },speed / 10);
}

javascript淡出动画

2 个答案: