ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery は単一行テキストのソース code_jquery の断続的なスクロールアップを実装します

jQuery は単一行テキストのソース code_jquery の断続的なスクロールアップを実装します

WBOY
WBOYオリジナル
2016-05-16 17:33:051075ブラウズ

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'); を使用できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。