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

harada 380views 更新:2014年4月18日

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

  • ログイン / 新規登録してコメントする

    このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

    こちらもお役に立つかもしれません