简单的文字上下轮播

做成之后的效果图如上图所示，介于这是张图片，所以展示效果不是很好。
首先按照个人的需求把样式做下，下面的代码就是对这个轮播的类名等等的样式设计，样式里面关键的就是宽跟高了，如果这两个值不设置成对应的话就会影响到整个轮播的效果。

接着就是轮播需要播放的内容了，这里我用到的内容比较少，就是一首诗。

界面样式搭完之后就要开始敲代码了，在这之前需要引入一个jquery的插件。代码部分内容不多，首先要定义一个计时器，这个计时器执行的是轮播的方法，同时需要传两个参数，一个是无序列表的表头标签，另一个是需要滚动的长度，这里用的是负值，滚动时就是从下往上滚动，反之则相反。后面的数值就是计时器执行的时间间隔。接着就到了轮播的代码部分，先接收计时器传过来的值ul，获取它的第一个子元素。然后给ul添加动画代码，先设置动画的属性，接着就用clone方法复制上面获取到的ul的子元素，再把它显示出来，显示完了之后就移除掉。反反复复就实现了文字的上下轮播效果。