jquery文字列表循环轮播
html 代码
<div id="box"> <ul> <li><a href="###">文字1</a></li> <li><a href="###">文字2</a></li> <li><a href="###">文字3</a></li> <li><a href="###">文字4</a></li> </ul> </div>
jquery 代码
//循环 setInterval(function(){ var html = $('#box ul li').eq(0).prop("outerHTML");//获取第一行代码 $('#newCom ul li').eq(0).animate({height:'0px',opacity:'0'},1000,function(){//动画删除第一行 $('#box ul li').eq(0).remove(); }); $('#box ul').append(html);//把第一行代码加到最后一行 },3000);