CSS:
ul、li {マージン:0;パディング:0; } #scrolldiv {width:300px;高さ:25px;ラインハイト:25px;国境圏:#4C8CD1 1PXソリッド;オーバーフロー:隠し; } #scrolldiv li {height:25px;パディング左:10px; }JS:
<script> function autoscroll(obj){$(obj).find( "ul:first")。animate({margintop: "-25px"}、800、function(){$(this).css({margintop: "0px"})。 } $(document).ready(function(){setInterval( 'autoscroll( "#scrolldiv")'、3000)setInterval( 'autoScroll( "#scrolldiv")'、3000)}); </script>HTML:
<div id = "scrolldiv"> <ul> <li>これはアナウンスタイトルの最初の行です</li> <li>これは、アナウンスタイトルの2行目です</li> <li>これは、発表タイトルの3行目です</li> <li>これはアナウンスタイトルの第4行です</li> <li>発表タイトルの7行目</li> <li>これは、アナウンスタイトルの8行目</li> </ul> </div>です
上記のJS途切れないスクロールの簡単な実装は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。