jQuery を使用して、テキスト 1 行の断続的なスクロールアップを実現します
エフェクト URL: http://www.keleyi.com/keleyi/phtml/textscroll.htm
このエフェクトの拡張バージョン: http: //www.keleyi.com/a/bjac/532bedbffca1affa.htm は主にカーソル ホバー効果を追加します
ソース コードは次のとおりです:
jquery 特殊効果の 1 行テキストが上にスクロールします (一時停止あり)
< script type="text/javascript">
function AutoScroll( obj){
$(obj).find("ul:first").animate({
marginTop:"-25px" },500,function(){
$(this) .css({marginTop:"0px"}).find("li:first").appendTo(this);
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);
>
解析:
Use $('li') は、複数の li 要素のコレクションと一致します。
最初の li 要素を取得するように指定したい場合は、「:first」、つまり $('li:first'); を使用できます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
