[B! jQuery][ticker] atm_09_tdのブックマーク

atm_09_td id:atm_09_td

jQueryとtickerに関するatm_09_tdのブックマーク (3)

滑らかに流れるニュースティッカー「jQuery News Ticker」がとてもいい – bl6.jp
jQueryプラグイン「JQUERY NEWS TICKER」を使ってみました。これを使えばとても簡単にニュースティッカーを実装することができます。滑らかに流れてくるので爽快です。マークアップはリスト要素を記述するだけなのでシンプルです。あと、オプションでAjaxを使ってフィードのURLを指定するだけで簡単に記事タイトルを流すこともできます。以下、使い方です。 [ads_center] 使い方以下のURLからダウンロードできます。 jQuery News Ticker head内でjQuery本体とプラグインを読み込みます。 <link href="styles/ticker-style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.google apis.c
atm_09_td 2012/03/07
jquery

ticker
リンク
[JS]リスト要素で簡単に実装できるニュースティッカー -jQuery News Ticker
アニメーションで次々に表示するニュースティッカーを実装するjQueryのプラグインを紹介します。 IE6+をはじめ、スマフォ用のSafari Mobileにも対応しています。 jQuery News Ticker デモ [ad#ad-2] jQuery News Tickerの実装 jQuery News Tickerの実装外部ファイルスタイルシートとスクリプトを外部ファイルとして指定します。 <link href="styles/ticker-style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <script src="in
atm_09_td 2011/11/07
jquery

ticker
リンク
jQueryで手軽にサクッとシンプルなニュースティッカーを作る
今更なTipsなんですけど、まぁ自分用の復習的な記事です。カスタマイズしやすいニュースティッカーを作るコードで、 1行でも4行でも画像でも、cssで見た目をスタイルするだけで少量のコードで実装する事が出来ます。いろいろプラグインを紹介しておいてアレですけど、実際プラグインに依存すると困ることのほうが多いので簡単なものは簡単なコードで実装出来る程度にはしておきたい所ですね。 Sample:01ティッカーです。実際こんな風には実装せず、目立たないところに配置しますけど・・以下のコードで実装します。 function ticker(){ $('#news li:first').slideUp( function(){ $(this).appendTo($('#news')).slideDown(); }); } setInterval(function(){ticker()}, 50
atm_09_td 2011/10/22
jQuery

ticker
リンク
1