3/3 数秒ごとに1行ずつ縦スクロールするティッカーを作る [ホームページ作成] All About
数秒ごとに1行ずつ縦スクロールするティッカーを作る(3ページ目)1行または数行単位で、「指定した数秒間は静止」→「縦方向にスクロールするアニメーションで次の1行を表示」……を繰り返す「ティッカー」を掲載する方法をご紹介。jQueryを活用したスクリプト「vTicker」を使うことで、ブロックレベル要素をまるごと垂直方向に流せます。 vTickerのオプションの書き方 vTickerのオプションは、前ページの解説「3」で記述した、vTickerを実行する以下のJavaScript(jQuery)ソース内に追記することで指定できます。 <script type="text/javascript"> $(function() { $('#example').vTicker({ ～～～ ここにオプションを記述 ～～～ }); }); </script> 上記の「～～～ここにオプションを記述～～～」
![3/3 数秒ごとに1行ずつ縦スクロールするティッカーを作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f04c2e1290b7d677a20ab445513eccbd4491c41/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F3%2F2%2F0%2F6%2F7%2Ftopimg_large.png)
数秒ごとに1行ずつ縦スクロールするティッカーを作る [ホームページ作成] All About
文字が流れる電光掲示板のことを「ティッカー」と呼びます。文字が左右に流れたり、上下に流れたりします。鉄道や空港などで使われているほか、街中でも見かけます。 ウェブ上では、IEの独自拡張として「marquee」(マーキー)という要素があり、左右に文字を流せます。しかし、独自拡張なので使うことは推奨されませんし、何より「文字が横に流れていく表示」は、文章を一気に読めない点で、あまり歓迎されないでしょう。 では、1行または数行単位で、「数秒間は静止表示」→「0.5秒くらいのアニメーションで次の1行を表示」……というのを繰り返す垂直方向のティッカーなら、どうでしょうか。その場合は、 文章は一括表示されるため、読みにくくはならない。 ずっと流れ続けるわけではないので、さほど煩くはならない。 場所を取らずに様々な情報を見せられる。 ……という区画になります。 ニュース系サイトなどで、ヘッダの直下あたり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
