悬停 div 以在另一个 div 中显示更多内容

Posted 2023-03-14

【中文标题】悬停 div 以在另一个 div 中显示更多内容

【英文标题】：Hover div to show more things inside another div

【发布时间】：2015-01-17 10:59:12

【问题描述】：

我在一个网站上工作，正在寻找一种功能，可以让我将一个 div 悬停在另一个 div 内滚动，就像这个例子：

见：http://jsfiddle.net/s17L50pv/1/

想象右边的箭头> 是您悬停的div，#slider 中的内容向右移动，显示更多书籍！

【参考方案1】：

你需要使用setInterval()和一些事件（mouseover和mouseout）来获得这个效果

看看你在说什么 - http://jsfiddle.net/s17L50pv/5/

【讨论】：

这正是我想要的！唯一的事情是我希望它在列表中的最后一项时结束，并且如果您愿意，您可以再次向左移动，如果可能的话，当您按住 > 按钮时让幻灯片走得更快一点.非常感谢！

对于任何完整的解决方案，请尝试使用@Mario A 发布的内容-准备好的javascript轮播脚本-kenwheeler.github.io/slick

@MichaelKutra 检查了网站。这些都不是我想要的，但你的很完美。如果单击箭头，您能否将幻灯片固定在最后一本书上并使其更快？当你按下那个箭头时，请让它滑回左边！谢谢！

【参考方案2】：

我建议您为此使用 javascript 轮播滑块，周围有大量免费脚本，例如： http://kenwheeler.github.io/slick/