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

  • AWSを利用した導入事例のご紹介

    実際に構築を行ったAWSの事例を紹介しています。導入の目的に近い事例をご覧いただくと、実際の構成例やメリット、注意点などが把握できます。

    ブックオフコーポレーション株式会社様
    第一生命保険株式会社様
    株式会社電通様
    株式会社LIFULL様
    株式会社リブセンス様
    TBSアナウンス部様
    明治大学様
    拓殖大学様