ساخت لیست متحرک

[jaboli]

سلام.من میخوام یه لیست بسازم که هر چند ثانیه یه خونه بره بالا و یه خونه از زیر باید بالا
من همه کارشو کردم.طراحی شو انجام دادم top رو برابر -61px قرار دادم تا یه خونه بره بالا و یه خونه از زیر بیاد بالا ولی تو کد جی کوئریش موندم.نمیدونم میشه با دستور attr مقدار top رو -61 تا هر چند ثانیه به مقدار top اضافه کنه
کد html


<div class="maghale">
<ul>
<li><a>طراحی رسپانسیو چیست؟</a></li>
<li><a>نکات مهم در سئو</a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
<li><a></a></li>
</ul>
</div>

کد css


.maghalat .maghale ul{
list-style-type:none;
direction:rtl;
//line-height:25px;
font-family:BYekan;
font-weight:bold;
font-size:16px;
color:#666666;
margin-right:-20px;
padding-top:5px;
height:400px;
top:-61px;
position:relative;
z-index:1;
}

کد جی کوئری:


function navmaghale(){

var el = $('.maghalat .maghale ul').attr(top,'-123px');

if(!el.length){

el = $('.maghalat .maghale ul').first();

}

}
setInterval(function(){

navmaghale();

},5000);


هرکی میتونه مشکلم رو حل کنه
ممنون

[Javidhb]

function navmaghale(){
$('.maghale ul li:first').appendTo('ul');
}

[jaboli]

ببخشید این دقیقا چیکار میکنه؟!

[jaboli]

این رو به جای کلش بزارم؟!!

[jaboli]

مرسی درست شد