jQuery实现文字上下【渐进】滚动

阅读更多

【前言】

    jQuery实现文字上下滚动，原理很简单（jQuery动画+css方法）。这里简单总结下，以后讲课备录。

 

【主体】

1、知识点

     （1）animate方法实现向上滚动

     （2）css方法重定义样式

 

2、原理

     通过jquery动画向上滚动，之后通过css方法重定义位置，接下来通过appendTo()方法将上一条记录插入到最后，以此实现依次循环播放。（注意：append()方法与appendTo()区别jQuery中append()和appendTo()的区别

）

 

3、代码

下面直接上代码，

	
	
	
	
	



	

		
我是1
		
我是2
		
我是3
		
我是4
		
我是5
		
我是6
	

 

4、拓展

    选择ul下的第一个li有多种方法，除了通过$("ul li:first")之外，也可以通过索引获取。例如$("ul li").eq(0)

 

先写到这里，以后有时间继续完善

.