李単純なリストを循環への道、プラグインなしで、取得する簡単な方法

<！DOCTYPE HTML> 
<HTML LANG = "EN"> 
<HEAD> 
    <METAのcharset = "UTF-8"> 
    <タイトル>李リストjsのコードの簡単なテストプラグ</タイトル>を参照せずに
    <！ -導入JQ - > 
    ます。<script type = "text / JavaScriptの" SRC = "../ jQueryの-3.3.1 / jQueryの-3.3.1.min.js"> </ SCRIPT> 
</ HEAD> 
<スタイルタイプ= "テキスト/ CSS" > 
    .view { 
        マージン：自動0PX; 
    } 
    UL { 
        パディング：0PX; 
        リスト - スタイル：なし; 
        幅： 100％; 
        高さ： 100％; 
        位置：相対; 
        マージン：0PX。
    } 
    / * * 
    *のUI循環リストが収容数より大きくなければなりません
    * /
    {リチウムの
        高さ：40ピクセル、
        ライン - 高さ：40ピクセル; 
        ボーダー -bottom：＃666 1ピクセル固体; 
        背景 - 色：#CCC; 
    } 
    / * * 
    *パターン必要
     * / 
    .ul_div { 
        幅：300ピクセルによって; 
        高さ：200pxの、
        オーバーフロー：隠された; 
    }
 </スタイル> 
<身体> 
の<divクラス= "表示"> 
    <DIV CLASS = "ul_div"> 
        <ULクラス= "ULは"> 
            <李> Liは参照することなく、簡単なテストjsのコードをリストプラグインます。</ li > 
            <LI>参照せずにリチウムリストJSコードは、単純なプラグイン</ LI>テストする
            <LI>を参照することなくリチウムリストJSコードは、単純なプラグインをテストする</ LI>
            </ LI>プラグインを参照せずに<LI>試験簡単JSのリチウムリストがコード
            </ LI>プラグインを参照することなく試験簡単JSの<LI>のLiリストコード
            </ LI>プラグインを参照することなく試験簡単JSの<LI>のLiリストコード
        </をUL> 
    </ div> 
</ div> 
<スクリプトタイプ= "テキスト/ JavaScriptを"> のvar h_time;
     VARの H = 0 ; 
    $（関数（）{ 
        h_time = window.setInterval（h_top、3000 ）; 
    }）関数h_top（ ）{
         VAR OBJ = $（ 'UL' ）;
         IF（H <40 ）{ 
            H = Hが+ 1 ; 
            obj.css（ '上部'、 - + H]PX」 ）
    
    
            setTimeout（h_top、 30 ）。
            返す 偽; 
        } 他{ 
            H = 0 。
            VAR I = $（ 'UL>李：n番目の子（1）' ）; 
            obj.append（I）; 
            obj.css（ '上部'、 '0PX' ）
        } 
    }
 </ SCRIPT> 
</ body> 
</ HTML>
李単純なリストを循環への道、プラグインなしで、取得する簡単な方法

おすすめ
