文字を左右にスクロールさせる方法

ブログ初心者の無料アクセスアップ法

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

文字を左右にスクロールさせる方法

文字を横にスクロールさせる方法

このように文字を右から左へ、左から右へと
スクロールさせる方法について説明します。


設定は簡単です。

<marquee> ~ </marquee>

スクロールさせたい文字を上記タグで囲うだけです。


デフォルトでは、左から右に繰り返し流れ続けます。

更に設定する場合は以下の通りです。

width="幅"********* スクロール範囲の幅(pxか%で指定)
height="高さ"********* スクロール範囲の高さ(pxか%で指定)

behavior="動作の仕方"****** スクロール動作の仕方
     scroll(画面を横切る動作を繰り返す)
     alternate(画面を往復する動作を繰り返す)
     slide(スクロールの端まで来ると停止する)

direction="方向"****** スクロール方向(leftかrightで指定)

loop="回数"****** スクロール回数(設定しなければ無限)

scrolldelay="時間の間隔"****** 再描画までの時間の間隔
(秒数で指定。値が大きいと遅く、小さいと速い。単位は1/1000秒、デフォルトは="85")

scrollamount="進む距離"****** 再描画までに進む距離
(ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトは="6")

bgcolor="背景色"****** スクロール部分の背景色 (#から始まる6桁のカラーコード)

hspace="左右の余白"********* 左右の余白(pxで指定)
vspace="上下の余白"********* 上下の余白(pxで指定)


● 例えば、
 幅300px、背景色をピンク色で繰り返しスクロールさせた場合

【設定】
<marquee width="300px" bgcolor="#ffccff"> ~(文章)~ </marquee>

こんな感じで文字が流れます^^

※設定は全て半角英数、複数の項目を設定する場合は半角スペースで区切って記述します。


まぁ、はっきり言って
この方法は、特に必要な場合はないと思いますが

サイトを開いたときに、
文字が動いていると、目を引くことができるため
1、2箇所くらいならアクセントになるかと思います。

参考になりました!
無知な年寄りにはありがたいです。
これからも参考にさせてください。
by: シゲ * 2009/12/24 13:57 * URL [ 編集] | UP↑
タラコさん初めまして!

リンクありがとうございます。
こちらも設置済みです。

これからもよろしくお願いいたします。
また、必ず応援しにきますね。

ではでは。
Re: シゲさんへ
コメントありがとうございます。

参考になる情報があったようでうれしいです。



by: タラコ * 2009/12/25 01:59 * URL [ 編集] | UP↑
Re: 即収@キャプテン★ロバートさんへ
相互リンク承認頂きましてありがとうございます。

今後ともよろしくお願いしますね^^
by: タラコ * 2009/12/25 02:00 * URL [ 編集] | UP↑















管理者にだけ表示を許可する


ランキングサイト

ネット銀行

便利なネットバンクはアフィリエイター必須

口座残高範囲で使用できるクレジットカード機能を備えたデビットカードは、計画的な利用がしやすく便利

最新記事

キーワード検索

プロフィール

タラコ

Name:タラコ

はじめまして^^
ブログ歴・アフィリエイト歴
約3年のタラコが、
初心者でも出来る、
テンプレートの簡単カスタマイズ方法や
SEO対策、パーツやツールなど、
アクセスアップやアフィリエイトに役立つ情報を総合的に紹介しています。


ご意見・ご質問・お問い合わせはこちら
メールフォーム

最新コメント

相互リンク

『文字を左右にスクロールさせる方法』について、説明しています。
ブログ初心者の無料アクセスアップ法

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。