jQueryでリストの順番を自動で変更する

jQueryでリストの順番を自動で変更する方法です。

表示サンプルはこちら

jQueryはあらかじめ読み込みます。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

Javascript

function get_request() {

$('li:first').appendTo('ul');
    setTimeout( get_request, 1500 );
}
get_request();

HTML

<ul>
<li class="a1"><img src="http://jsrun.it/assets/9/O/T/a/9OTaK.png" alt="1枚めの画像" width="100" /></li>
<li class="a2"><img src="http://jsrun.it/assets/l/T/c/m/lTcmk.png" alt="2枚めの画像" width="100" /></li>
<li class="a3"><img src="http://jsrun.it/assets/j/L/R/J/jLRJt.png" alt="3枚めの画像" width="100" /></li>
</ul>

参考:How to auto change position of

  • in Jquery