如何制作像这样的垂直文本滑块

时间:2014-05-24 10:43:31

标签: jquery twitter-bootstrap slider

我想问你是否可以帮我创建类似http://demo.codepark.co/floyd/

的文字滑块

我想创建类似于“WE ARE FLOYD”文本的垂直变化的类似幻灯片。

我创建了类似的东西[删除了死链接],但我不知道滑块脚本使用的是什么,甚至不知道如何使其工作。

2 个答案:

答案 0 :(得分:4)

http://richhollis.github.io/vticker/

以下是一个完全符合您要求的示例。

我会剖析这段代码,看看它是做什么的,这样你才能理解它的原理(不要盲目地使用插件/脚本来学习它们是如何工作的 - 即使在基础层面上也会对你有所帮助。)

答案 1 :(得分:1)

我买了这个主题,我可以告诉你,使用了jquery - flexslider。

这里是带有文档的jquery flexslider的链接

http://www.myjqueryplugins.com/jquery-plugin/flexslider#field_methods

使用此参数,而不是img使用例如p od h1标签。

动画:“幻灯片”, directionNav:false, controlNav:false, 方向:“垂直”, slideshowSpeed:5000, animationSpeed:1000, smoothHeight:true