如何使用jquery实现文字上下滚动效果

实现文字上下滚动是经常用到的js效果，这里介绍一种上下渐隐渐出的文字展现效果！

 #sidebar{width:200px; height;500px; overflow:hidden; margin:0 auto; background:#f00; color:#fff;}
 #marquee{width:200px; margin:0;padding:0;}
 #marquee li{width:200px;height:20px; line-height:20px;}
 ul li{list-style:none;}




 

 
11111111111111111111111111111
 
22222222222222222222222222222
 
33333333333333333333333333333
 
44444444444444444444444444444
 
55555555555555555555555555555
 
asdsdssssssssssssssssssdddddd
 
ggggggggggggggggggggggggggggg
 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
11111111111111111111111111111
 
22222222222222222222222222222
 
33333333333333333333333333333
 
44444444444444444444444444444
 
55555555555555555555555555555
 
asdsdssssssssssssssssssdddddd
 
ggggggggggggggggggggggggggggg
 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
 

希望本文所述对大家学习jquery有所帮助。