Javascript jQuery'的任何替代方案；s slideUp、slideDown、动画功能？

我正在创建一个页脚广告格式以在GoogleDFP中运行，但jQuery在其中无法工作（说来话长）。因此，我试图找到一些替代方法来完成相同的任务，即slideUp、slideDown和animate函数。有人知道其他的选择吗？谢谢

有两种选择：

Scriptaculous已经有了这样的东西，并且没有在我有冲突的页面上崩溃

Mootools

---

你可以在某些时候使用Css动画。

为什么不使用Css动画？

---

我知道，在较旧的浏览器（但仍然比没有好，而且非常轻量级。

请查看使用javascript的链接：

function slideExample1(elementId, headerElement)
{
   var element = document.getElementById(elementId);
   if(element.up == null || element.down)
   {
      animate(elementId, 0, 20, 150, 0, 250, null);
      element.up = true;
      element.down = false;
      headerElement.innerHTML = 'vvv';
   }
   else
   {
      animate(elementId, 0, 20, 150, 130, 250, null);
      element.down = true;
      element.up = false;
      headerElement.innerHTML = '^^^';
   }
}

例如：

HTML:

---

你到底想达到什么目的？我可能可以帮助您完成滑动和向下滑动/或者，您可以使用jquery.animate（）来重新定位和更改高度等，但是滑动和向下滑动效果非常好

只需将整个jQuery源文件粘贴到您可以编辑的脚本中即可。之后，我可能会添加100或200行新行，以从代码中添加一些视觉分离。

是jQuery的slideDown、slideUp和slideToggle方法的普通js实现，可用于高度未知的元素。就像jQuery一样使用它：

element.slideUp()
element.slideDown(800)
element.slideToggle(800, 'easeOut') // CSS transition timing function
element.slideUp(300).slideDown(500)

但是，它的方法不接受回调——而是使用返回的承诺提供回调：

element.slideUp().then(function() {
  console.log('sliding done!');
})

---

还有一些其他的改进。请查看以了解详细信息。

如果jQuery无法在其中工作，是否有其他库阻止了它？如果是，是哪一个？通过参考jquery库，您可以为上述函数准备自己的代码。我可以尝试mootools，但问题是为什么jquery不起作用。似乎如果这不起作用，Mootools也不会——这是我在这里的第一篇帖子——很高兴看到这么多有用的回复！谢谢大家的快速帮助！没错，我认为Scriptaculous/Mootools也不管用——我正在寻找简单的JavaScript函数（已经编写了b/c代码，我自己还没有弄清楚），我可以添加到代码中，而不是动态地拉入（使用script src标记）。我也更喜欢小的JavaScript库，而不是像jQuery这样的大JavaScript库。我担心使用另一个这样的库会导致同样的问题。谢谢你！这就是我要找的，谢谢！我会更仔细地调查并试一试。小心点，已经一个多月了，但我终于实现了，效果非常好！非常感谢你的帮助！我不知道——也许这会奏效，但如果像你提到的那样，旧浏览器存在一些问题，那么可能不会……这是一种优雅的降级。我的意思是，它可以在任何地方工作，但在传统浏览器中，动画将直接跳到最后。这不会影响导航，只会影响导航中动画的“附加值”。从那里，你就可以决定动画的重要性：）希望这有帮助好吧，我明白了。你有如何做到这一点的例子吗？谢谢Shi Shannon，是的，slideUp/Down工作得很好-但是，通过IE中的Google DFP广告服务器，jQuery不会作为src工作。它在其他浏览器中工作得很好，代码本身也可以在IE中硬编码到页面，但是通过IE浏览器中的Google DFP加载jQuery将不起作用…：（因此，我正在寻找可供选择的单个函数。

element.slideUp().then(function() {
  console.log('sliding done!');
})