マーキー説明

★ 使用例-タグはかなりオレ流ですが!!

HTMLソース
<HTML><HEAD> <TITLE>マーキーテスト</TITLE> <STYLE TYPE="text/css"> <!-- /* ●[1]---HEAD～/HEADにトンネル(岩)の位置を設定------ / BODY { color:blue; / 活字=blue/ background-color: #e8f3ff; } / backカラー="#e8f3ff" / .iwa01 {　/岩定義 iwaの前のカンマを忘れずに/ position : absolute; /　←絶対位置　相対位置は"relative" / / top : 1は　topから岩の下辺までの距離 / / left : 2は　左端から岩の左辺までの距離 / top : 1px; left: 2px; width : 300px; / 岩のwidth / height : 100px; } / 岩のheight */ --> </STYLE> </HEAD> <BODY> <!--●[2]---BODY～/BODYにマーキー　タグを設定------> <!--岩のイメージ設定--> <p class="iwa01"> <img src="000_01test/iwa1.gif" alt="iwa" width="300" height="100" border="0"></p> <!--2列のマーキー　タグ--> <MARQUEE DIRECTION="left" BGCOLOR="#00ffff"> [マーキーです。ブラウザIEのみ動作します。]--- <img src="../000_01test/saku016_1.gif" alt="k1" width="450" height="20" border="0"></MARQUEE> <MARQUEE DIRECTION="right" BGCOLOR="#00ffff"> <img src="../000_01test/saku016_2.gif" alt="k2" width="450" height="20" border="0"></MARQUEE> </BODY></HTML>

HTMLソース

<HTML><HEAD>
<TITLE>マーキーテスト</TITLE>
<STYLE TYPE="text/css">
<!--
 /* ●[1]---HEAD～/HEADにトンネル(岩)の位置を設定------ */
BODY { color:blue;  /* 活字=blue*/
          background-color: #e8f3ff; } /* backカラー="#e8f3ff" */ 
.iwa01 {　/*岩定義  iwaの前のカンマを忘れずに*/
  position : absolute; /*　←絶対位置　相対位置は"relative" */
/* top : 1は　topから岩の下辺までの距離 */
/* left : 2は　左端から岩の左辺までの距離 */ 
top : 1px; left: 2px;
width : 300px;   /* 岩のwidth */
height : 100px; }  /* 岩のheight */
-->
</STYLE>
</HEAD> 
<BODY>
<!--●[2]---BODY～/BODYにマーキー　タグを設定------> 
<!--岩のイメージ設定-->
<p class="iwa01">
<img src="000_01test/iwa1.gif" alt="iwa" width="300" height="100" 
border="0"></p>
<!--2列のマーキー　タグ-->
<MARQUEE DIRECTION="left" BGCOLOR="#00ffff">
[マーキーです。ブラウザIEのみ動作します。]---
<img src="../000_01test/saku016_1.gif" alt="k1" 
width="450" height="20" border="0"></MARQUEE>
<MARQUEE DIRECTION="right" BGCOLOR="#00ffff"> 
<img src="../000_01test/saku016_2.gif" alt="k2" 
width="450" height="20" border="0"></MARQUEE>
</BODY></HTML>

※かなり省略タグです。(参考事例として使ってみてください!)

--[iwa1.gif]
--[saku016_1.gif]
--[saku016_2.gif]

保存は画像中心を[右クリック}-[名前を付けて画像を保存]クリック-[ファイル保存]
下記で操作説明

「マーキー」のテスト実施方法[少ない道具で]----[ ]は説明の枠

(1)道具(パソコンのソフト)

・インターネットブラウザ[Internet Explorer]---[Netscapeは動作しません!]
・メモ帳(NOTEPAD.EXE)

(2)ファイルの作成と構成

デスクトップに新規ファイルを作成し構成を以下のようにする。
名前をM_FLとしその中に000_01testというファイルを作成する。
(注)記号 _ の下線は英数にしてShiftを押しながら[ろ]を押すと出ますよ!

・構成図　[M_FL]++++++[000_01test]

(3)データの作成

・プログラム(前記白バックのHTML～/HTML)をコピーしメモ帳へ貼り付ける。
　　　　　　　　　　　↓
　名前をtest.htmlとしてM_FLへ保存する。
　(注)保存方法　名前を付けて保存→ファイル名を[test.html]
　　　ファイルの種類を[すべてのファイル(*.*)]にする

・前記の黄色バックから画像データを000_01testへ保存する。
　ファイルの種類を[すべてのファイル(*.*)]にする
　岩--------iwa1.gif
　汽車1---saku016_1.gif
　汽車2---saku016_2.gif

(4)最終構成図

　[M_FL]++++++++[000_01test]+++++++[iwa1.gif、　saku016_1.gif、　saku016_2.gif]
+
++++++[test.html]

(5)動作確認

test.htmlをダブルクリックする。

******test***owari****画面表示されましたか!****

IE3.0文字のみスクロール
IE4.0以降は、文字、画像もスクロールする。
もっと詳しく知りたい!!
「とほほ」さんのホームページ作成に関する総合サイト
-<MARQUEE>編-
を見て下さい!!

(6)まとめ

基本タグ(※IEのみ)
<div align="center"> <MARQUEE WIDTH="600" HEIGHT="50" BEHAVIOR="alternate" DIRECTION="right" SCROLLAMOUNT="10" SCROLLDELAY="100" LOOP="0" HSPACE="0" VSPACE="30" BGCOLOR="#00FFFF" > 走る文字(画像可) </MARQUEE> <br> 走らない文字 </div>	幅％も可高さ(文字はtopを走ります。) 動き方　※slide/alternate/scroll(=なし) 移動方向。up/down/right/left(=なし) １回の移動距離移動する間隔時間。(ミリ秒単位) 回数。0 は無限 (=なし) 左右余白上下余白マーキー枠色 ※動き方 slide: 指定の方向に移動。(端にぶつかると停止) scroll:指定の方向に移動。(スクロール) alternate:往復運動

基本タグ(※IEのみ)

<div align="center">
<MARQUEE
WIDTH="600"
HEIGHT="50"
BEHAVIOR="alternate"
DIRECTION="right"
SCROLLAMOUNT="10"
SCROLLDELAY="100"
LOOP="0" 
HSPACE="0"
VSPACE="30"
BGCOLOR="#00FFFF"
>
走る文字(画像可)
</MARQUEE>
<br>
走らない文字
</div>


　
幅％も可
高さ(文字はtopを走ります。)
動き方　※slide/alternate/scroll(=なし)
移動方向。up/down/right/left(=なし)
１回の移動距離
移動する間隔時間。(ミリ秒単位)
回数。0 は無限 (=なし)
左右余白
上下余白
マーキー枠色



 

※動き方
slide: 指定の方向に移動。(端にぶつかると停止)
scroll:指定の方向に移動。(スクロール)
alternate:往復運動

走る文字(画像可)
走らない文字

★[読んでね!]★
[TAG、スクリプト類のご注意] ○標準を意識していません。 ○プラウザIE6.0以上で作成。 ○「TAG、スクリプト類」が表示されていますが参考事例としてご覧下さい。私はまだまだ知識不足者です。また勘違いによって誤った情報やスクリプトが記載されているかもしれません。このホームページの利用によって生じた損害については当方では責任を負いかねますのでご了承下さい。

★[読んでね!]★

[TAG、スクリプト類のご注意]
○標準を意識していません。
○プラウザIE6.0以上で作成。
○「TAG、スクリプト類」が表示されていますが参考事例としてご覧下さい。
私はまだまだ知識不足者です。また勘違いによって誤った情報やスクリプトが記載されているかもしれません。
このホームページの利用によって生じた損害については当方では責任を負いかねますのでご了承下さい。

http://mr-bug.ie-t.net/index.html

マーキー [ブラウザIEのみ動作]

★ 使用例-タグはかなりオレ流ですが!!