jqueryはアナウンスのスクロールeffect_jqueryを実装します-jsチュートリアル-php.cn

ローリング効果は非常に優れており、コードは非常にシンプルなので、ここであまり意味のないことはありません。

コードをコピーします コードは次のとおりです: //スタイルファイル: * { マージン: 0; パディング: 0; } .scrollNews { 幅: 100%; 高さ: 20px; オーバーフロー: 非表示; 背景: #FFFFFF; 枠線: 0px 実線 #AAAAAA; } .scrollNews ul { パディング: 2px 5px 5px 25px; } .scrollNews ul li { 高さ: 20px; list-style-type: none; font-size: small; } { テキスト装飾: なし; } ヘッダー js

jquery ライブラリをインポートすることを忘れないでください

コードをコピー コードは次のとおりです: $(関数() { var settime; $(".scrollNews").hover(function () { }, function () { settime = setInterval(function () { var $first = $(".scrollNews var $first = $(".scrollNews ul:first"); var height = $first.find("li:first").height(); // 最初の li の高さを取得し、ul が上に移動する準備をします。 $first.animate({ "marginTop": -height "px" }, 600, function () { $ First.css ({margintop: 0}). ("li: first") を検索します。 }); }, 3000); Trigger ("mouseLeave"); // 選択した要素のイベントの種類をトリガーするのは、trigger() メソッドです。 });

jsp テキストエリア

コードをコピーします

コードは次のとおりです: 」 クエリモジュールのメニュー名変更のお知らせ: 2015-02-09よりクエリモジュールのメニュー名が変更になりました。詳しくは下記の[クエリモジュールの新旧名称対照表]をご覧ください。 」 クエリモジュールのメニュー名変更のお知らせ: 2015-02-09よりクエリモジュールのメニュー名が変更になりました。詳しくは下記の[クエリモジュールの新旧名称対照表]をご覧ください。

皆さん、ご自身のプロジェクトで自由に使ってください