如何在幻灯片放映中用幻灯片过渡替换淡入淡出过渡（仅限javascript）？

我是一个JavaScript初学者。我想在简单的幻灯片放映中用幻灯片过渡替换淡入淡出过渡

到目前为止，我无法做到这一点。目前的代码如下：

function transSlide()
{
    nextSlide.style.display = "block";

    var opacity = slideTransStep / slideTransitionSteps;

    crtSlide.style.opacity = "" + (1 - opacity);
    crtSlide.style.filter = "alpha(opacity=" + (100 - opacity*100) + ")";

    nextSlide.style.opacity = "" + opacity;
    nextSlide.style.filter = "alpha(opacity=" + (opacity*100) + ")";

    if (++slideTransStep <= slideTransitionSteps)
        transTimeout = setTimeout("transSlide()", slideAnimationInterval);
    else
    {
        crtSlide.style.display = "none";
        transComplete();
        clearInterval(myVar);
    }
}

函数transSlide（）
{
nextSlide.style.display=“块”；
var opacity=slideTransStep/slideTransitionSteps；
crtSlide.style.opacity=“”+（1-不透明度）；
crtSlide.style.filter=“alpha（不透明度=“+（100-不透明度*100）+”）；
nextSlide.style.opacity=”“+不透明度；
nextSlide.style.filter=“alpha（opacity=“+（opacity*100）+”）；
如果（++slideTransStep插入了
不透明度
，则需要更改
位置
以及
顶部
、
左侧
、
底部
和
右侧

也就是说，我认为你可以用JavaScript“手工”编写动画来学习，但是你通常应该使用一个库来编写类似的东西

编辑：

当然，我可以提供帮助。我用一个非常基本的动画示例创建了一个。它使用
setInterval
定期执行一些代码，并增加CSS属性
left
来移动元素。你可以在这里查看它：甚至可以用叉来播放它。
千万不要使用
setTimeout
字符串，因为这样它就使用了t他邪恶的
eval
！而是传递一个函数：
setTimeout（transSlide，ms）
欢迎来到SO@backward，把你的问题整理一下。希望你能尽快得到答案！谢谢你的回答。你能给我一个方法吗？我在javascript方面真的是个新手。ThnaksHi Tim，Thnaks给我一些提示。这段代码能帮我一点忙吗？为了学一点？我知道这没什么，但我真的做不到。Arf谢谢r你的帮助非常感谢Tim的帮助。我无法用这个来调整我的代码（我没有到达）。你能调整我的代码以使我的幻灯片滑动而不是褪色吗？我欠你一品脱的钱，伙计；）嗨，Tim，我做了这个：function slideslide（）{var num=0，style=document.getElementById（'container'）。style；window.setInterval（function（）{//增加num 1，在4 num=（num+1）%4时重置为0；//-600*1=-600，-600*2=-1200，等等style.marginLeft=（-600*num）+“px”；}，3000）；//永远重复，每3秒轮询一次}我也替换了函数名，但仍然不起作用..有什么问题吗？您好，我用代码笔打开了您的代码，请参见此处。我还添加了一个
警报
，每次设置marginLeft时都会显示一个带有当前值的对话框。我想您应该通过这种方式找到错误，对吗？