javascript - jQuery 使用 css 滑动内容

Question

我见过用于创建图像轮播等的插件等，但我想要实现的是拥有一个内容 slider 。

内容大约为 500x400 像素，我希望只为内容提供一个具有唯一 ID 的 div，并让它显示 6 秒，但如果您的鼠标进入，则动画会保持。

我一直在考虑使用:

$(#id).fadeOut(*time*);

我在我的手机上，所以它不是最好的代码示例。我正在使用 set Interval 超时，但是，您认为我应该选择插件吗？我已经在我的网站上使用了很多，所以我更希望这个页面使用一些简单的 jQuery。

Answer 1

这可以在 jQuery 中完成，无需太多工作。您已经了解 setInterval() 和 jQuery 动画函数。您需要做的就是实现 mouseenter() 和 mouseleave() 以正确暂停和继续动画。可能是每次 mouseleave() 时一个 setInterval() 和每次 mouseenter() 时一个 clearInterval()。

我同意 marcosfromero 的观点，插件很棒，所以你不必重新开发整个东西，但你说你已经有很多插件，所以最好自己写您将获得更多经验并对其进行更多控制。我会说选择使用插件取决于您是否找到适合您需要的插件及其大小(即使使用 minify，大小也很重要，并且必须考虑在 JS 文件加载时阻塞)。