jQuery仿支付宝alipay新闻滚动切换特效 基于li

jQuery仿支付宝alipay新闻滚动切换特效 基于lijQuery 仿alipay新闻滚动切换特效，来自支付宝网站的特效，竖向的新闻效果，带淡入淡出功能，时间间隔可调，因为写的时候更注重功能的展现 ，因此没有怎么美化，显得有些粗糙。核心代码:<script type="text/javascript"> var t = n = count = 0; function goScroll(id){ var t = n = 0, count = $(id + " .scroll_list li").size(); if(count>0){ $(id + " .scroll_list li").eq(0).show(); createScroll_switch(id,count); $(id + " .scroll_switch li").eq(0).addClass("hover"); } $(id + " .scroll_switch li").click(function(){ var i = $(id + " .scroll_switch li").index(this); n = i; if (i >= count + 1) return; $(this).addClass("hover").siblings().removeClass("hover"); $(id + " .scroll_list li").eq(i).fadeIn(500).siblings().hide(); }); t = setInterval(function(){showAuto(id,count,n)}, 1000); $(id).hover( function(){clearInterval(t)}, function(){t = setInterval(function(){showAuto(id,count,n)}, 1000);} ); } function showAuto(id,count,n){ n = n >= (count - 1) ? 0 : ++n; $(id + " .scroll_switch li").eq(n).trigger('click'); } function createScroll_switch(id,count){ for (i=1;i<=count;i++){ $(id + " .scroll_switch").append("<li></li>"); } } </script>