jquery将幻灯片动画切换为纯javascript动画

看这里 或

基本上，我想使用jquery ui切换幻灯片动画，而不使用任何jquery和插件。 这是完成这项工作的jquery代码

$( "#effect" ).toggle("slide", {direction: "left"}, 500);

---

如何在纯javascript代码上使用它？我不擅长动画。

您可以通过使用

css

transition

属性来实现这一点

---

以下是您可以将css转换与position属性一起使用的

试试这个：

函数切换（）{
var div1=document.getElementById（“div1”）；
if（document.getElementsByClassName（“hide”）.length==0）{
div1.className=“测试隐藏”；
}否则{
div1.className=“测试显示”；
}
}

.test{
宽度：200px；
高度：100px；
背景色：#2354A4；
过渡：左2秒；
位置：相对位置；
顶部：0px；
底部：0px；
右：0px；
}
.隐藏{
左：-250px；
}
.表演{
左：0px；
}

切换

为什么要转换为javascript这个问题背后有什么原因吗？

我想在没有任何jquery和插件的情况下使用jquery ui切换幻灯片动画

没有jquery就不能使用jquery

有人能将其转换为纯javascript动画吗？

-是，你必须让程序员为你做这件事——不要要求程序员为你做这件事——我想要的是没有jquery的纯javascript动画。这意味着我想要纯javascript代码中的（切换幻灯片动画）。函数runEffect（）{var el=document.getElementById（“效果”）；if（el.classList）{el.classList.toggle（“slideDiv”）；}else{var classes=el.className.split（“”）；var existingIndex=classes.indexOf（“slideDiv”）；if（existingIndex>=0）classes.splice（existingIndex，1）；else classes.push（“slideDiv”）；el.className=classes.join（“”）；}}代替toggle类，我将使用纯javascript。那就行了。thanx用于css。