javascript - 如何滑出旧div并滑入新div并循环文本内容?

标签 javascript jquery jquery-ui

如何制作两个 div,以便在单击按钮后旧 div 滑出,并滑入包含新内容的新 div?

我的构想,但未对齐内联: jsfiddle

我发现了与我的构想类似的东西,但对于我的解决方案,我需要带有动态添加内容的无限循环:example 1example 2

最佳答案

我对现有代码和 CSS 进行了一些更改,但这应该可以满足您的要求。我还对重置按钮添加了一个检查,以确保幻灯片尚未隐藏。否则,动画将取消隐藏元素并再次隐藏它。

最好将内容放入 jQuery $(document).ready() 函数中,以确保在尝试使用所有元素之前已加载它们。

New Fiddle Link

关于javascript - 如何滑出旧div并滑入新div并循环文本内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13422793/

相关文章:

javascript - 更改 y 轴(水平)滚动条样式

javascript - Js 正则表达式搜索问题。电子邮件检查

javascript - 如何使用 underscore.js 的 reduce 方法?

javascript - 如何使用 AngularJS scope.$watch() 方法观察 JQuery 选择器

javascript - Angular 变量未在前端更新

jquery - Bootstrap : How can I use switch tabs from the menu bar?

javascript - 如何从firebase实时数据库检索数据?

jquery-ui - jQuery UI 选项卡 : How do I load a specific element from a different page?

jquery - 如何将元素从一个网格拖动到另一个网格?

jQuery UI Datepicker - 只允许某些工作日