ローリング効果は非常に優れており、コードは非常にシンプルなので、ここであまり意味のないことはありません。 コードをコピーします コードは次のとおりです: //スタイルファイル: <br> * {<br> マージン: 0;<br> パディング: 0;<br> }<br> .scrollNews {<br> 幅: 100%;<br> 高さ: 20px;<br> オーバーフロー: 非表示;<br> 背景: #FFFFFF;<br> 枠線: 0px 実線 #AAAAAA;<br> }<br> .scrollNews ul {<br> パディング: 2px 5px 5px 25px;<br> }<br> .scrollNews ul li {<br> 高さ: 20px;<br> list-style-type: none;<br> font-size: small;<br> }<br> {<br> テキスト装飾: なし;<br> }<br> <br> </div> ヘッダー js<p> </p>jquery ライブラリをインポートすることを忘れないでください<p> </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="73947" class="copybut" id="copybut73947" onclick="doCopy('code73947')">コードをコピー<u></u></a> コードは次のとおりです:</span><div class="codebody" id="code73947"> <br> $(関数() {<br> var settime;<br> $(".scrollNews").hover(function () {<br> }, function () {<br> settime = setInterval(function () {<br> var $first = $(".scrollNews var $first = $(".scrollNews ul:first"); var height = $first.find("li:first").height(); // 最初の li の高さを取得し、ul が上に移動する準備をします。 $first.animate({ "marginTop": -height "px" }, 600, function () {<br> $ First.css ({margintop: 0}). ("li: first") を検索します。 });<br> }, 3000);<br> Trigger ("mouseLeave"); // 選択した要素のイベントの種類をトリガーするのは、trigger() メソッドです。 });<br> <br><br> <br>jsp テキストエリア<br> <br> </div> <p></p>コードをコピーします<p></p> <div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="51921" class="copybut" id="copybut51921" onclick="doCopy('code51921')"><u></u> <div class="scrollNews"></a> <img width="20" height="15" src="img/laba.png" align="left"></span> <li><a class="tooltip" title="クエリ モジュール メニュー名の更新のお知らせ: 2015 年 2 月 9 日より、クエリ モジュール メニューは新しい名前を使用します。詳細については、[新しい名前とクエリ モジュール メニュー] を参照してください。クエリモジュールの旧名比較表】以下「></div>」 クエリモジュールのメニュー名変更のお知らせ: 2015-02-09よりクエリモジュールのメニュー名が変更になりました。詳しくは下記の[クエリモジュールの新旧名称対照表]をご覧ください。</a><div class="codebody" id="code51921"> <li><a class="tooltip" title="クエリ モジュール メニュー名の更新のお知らせ: 2015 年 2 月 9 日より、クエリ モジュール メニューは新しい名前を使用します。詳細については、[新しい名前とクエリ モジュール メニュー] を参照してください。クエリモジュールの旧名比較表】以下「><br>」 クエリモジュールのメニュー名変更のお知らせ: 2015-02-09よりクエリモジュールのメニュー名が変更になりました。詳しくは下記の[クエリモジュールの新旧名称対照表]をご覧ください。</a><br> </div><br> <br><br> <br>皆さん、ご自身のプロジェクトで自由に使ってください<br> </div> </div>
