摘要:
新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下:1 内容持续滚动;2 新微博将下面的微博先推下去,然后淡入进来;3 鼠标经过内容暂停滚动;4 容器底部渐变消失在背景色下。上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。需 求1和需求2:此功能使用css的position定位来控制整个ul列表的移动动画。结合需求2,我们可以写得更简单一些,让最后的li元素定时插入第 一个li元素的上方,然后采用animate方法来改变li的高度和透明效果。而不停顿的 阅读全文