電光掲示板を作ってみよう

「電光掲示板」というものを見たことはありませんか。流れる掲示板は｢マーキー」と呼ばれています。

【注意】
「HTML」の規格を策定している World Wide Web Consortium（W3C）によると、「HTML5」ではmarquee要素は廃止予定です。


要素    
説明                           
代価方法
marquee  
スクロールして表示              
スタイルシート

流れる掲示板は｢マーキー」製作

対応しているブラウザと、対応していないブラウザがあるので注意してください。

例：

このHTML文書は次のようになっています。

marquee.html

<html>
<head>
<title>電光掲示板</title>
</head>
<body>

<marquee direction="right" width="300">左から右へ「スクロール」</marquee>

<marquee width="300">右から左へ「スクロール」</marquee>

<marquee behavior="alternate" width="300">左右に揺れる「スライド」</marquee>

<marquee behavior="slide" width="300">端で消える「交互」</marquee>

</body>
</html>

「マーキー」を利用するには、次のように記述します。

<marquee direction="スライド方法" width="長さ"> 文字</marquee>

スライド方法は次のようになっています。何も指定しなければ「左にスライド」します。

right	右にスライド
alternate	左右にゆれるスライド
slide	端で消えるスライド

オススメ書籍

HTML5、CSS3、JavaScript等の学習に役立つ書籍を紹介します。

ページのトップへ戻る