サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> HTMLタグリファレンス/Tips >> 文字の移動 <MARQUEE>

文字の移動 <MARQUEE>



<MAQUEE>タグについて

テキストを自動的にスクロールさせるタグです。上下左右や、繰り返し、スピードなどを設定することができます。

赤い文字は初期値(何も設定しなかった場合の値)
属性 機能 記述例
behavior scroll
slide
alternate
スクロールする
端で停止する
往復する
<MARQUEE behavior="scroll">
<MARQUEE behavior="slide">
<MARQUEE behavior="alternate">
direction left
right
up
down
右から左へ
左から右へ
下から上へ
上から下へ
<MARQUEE direction="left">
<MARQUEE direction="right">
<MARQUEE direction="up">
<MARQUEE direction="down">
scrollamount 数値(6) 1描画の移動値 <MARQUEE scrollamount="10">
scrolldelay ミリ秒(85) 描画間隔 <MARQUEE scrolldelay="100">
truespeed *1scrolldelayの正確さ <MARQUEE truespeed>
loop 回数 繰り返す回数 <MARQUEE loop="2">
width 数値/% 横幅 <MARQUEE width="80%">
height 数値 縦幅 <MARQUEE height="200">
bgcolor 背景色 <MARQUEE bgcolor="red">
hspace 数値 左右の余白 <MARQUEE hspace="10">
vspace 数値 上下の余白 <MARQUEE vspace="5">
*1 scrolldelayは59以下の場合、60に置き換えられてしまいます。
  ただし、truespeedを記述すると、59以下の数値も設定できます。


サンプル

文字の移動

スクロールしています

左右に移動しています

上下に移動しています

波打つように移動します



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<P><MARQUEE>スクロールしています</MARQUEE>
<P><MARQUEE behavior="alternate" scrollamount="15">左右に移動しています</MARQUEE></P>
<P><MARQUEE height="80" direction="up" behavior="alternate">
上下に移動しています</MARQUEE></P>
<P><MARQUEE height="80" direction="up" behavior="alternate">
<MARQUEE behavior="alternate">
波打つように移動します</MARQUEE></MARQUEE></P>


解説・注意点など

IE以外のブラウザでは動作しないことがあります。


 
 

HTMLタグリファレンス/Tipsに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, HTML Tag Reference Samples Tips. All rights reserved. - Home