タイトル画像
サイトタイトル画像

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

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

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

【注意】
「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等の学習に役立つ書籍を紹介します。

人気コンテンツ

    Copyright ©2015 .(since 2003/09/08)