单条新闻滚动效果

Jquery 代码部分:

var n = 0; function ShowNews() { var $firstNode = $('#ulNews>li'); if (n == 0) { $firstNode.eq($firstNode.length - 1).fadeOut('slow', function() { $firstNode.eq(n).fadeIn('slow'); n++; }); } else { $firstNode.eq(n - 1).fadeOut('slow', function() { $firstNode.eq(n).fadeIn('slow'); n++; if (n >= $firstNode.length) n = 0; }); } } setInterval('ShowNews()', 3000);

 

HTML 代码部分:

<ul id="ulNews" style="list-style-type:none; background-color:Yellow;" mce_style="list-style-type:none; background-color:Yellow;"> <li style="display:none" mce_style="display:none">1、通知说,近期我国居民消费价格总水平出现明显上涨</li> <li style="display:none" mce_style="display:none">2、各地区、各部门必须清醒地认识到形势的严峻性。</li> <li style="display:none" mce_style="display:none">3、一是切实抓好秋粮生产。秋粮是粮食生产的大头.</li> <li style="display:none" mce_style="display:none">4、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.</li> <li style="display:none" mce_style="display:none">5、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.</li> <li style="display:none" mce_style="display:none">6、收购价政策。继续稳妥地推动农业保险保费补贴试点工作.</li> <li style="display:none" mce_style="display:none">7、二是认真落实扶持生猪生产的各项政策措施。目前中央财政已下拨.</li> </ul>

你可能感兴趣的:(单条新闻滚动效果)