【　ひな形の応用編（５）　】　

１０．動く「ひな形」の作り方（２）

（１）　メールの文章がスクロール（下から上へ）する「ひな形」を作ります。
　　　 ※　マーキー（ＭＡＲＱＵＥＥ）を使って動かします。
　　　　（下記の画像をクリックするとイメージを表示します。）



（２）　下記Ｈｔｍｌ文の赤枠様に＜ＭＡＲＱＵＥＥ　ｄｉｒｅｃｔｉｏｎ=up scrolｌAmount=1
　　　（１はスクロールの早さ）style="height: 160 px">
　　　 （スクロールする画面の高さ）を指定するとメールの文書がスクロールします。



（３）　背景（空）の上を画像（とんぼ）が左右に動く「ひな形」を作ります。
　　　 ※　マーキー（ＭＡＲＱＵＥＥ）を使って動かします。
　　　　（下記の画像をクリックするとイメージを表示します。）



（４）　Ｈｔｍｌ文の赤枠の＜behavior=altemate＞と
　　　 画像の幅（width）、高さ（height）指定します。



（５）　背景（海底）の上を画像（クラゲ）が左右に動き、画像（魚）が
　　　 左へ動くひな形を作成します。
　　　 ※　マーキー（ＭＡＲＱＵＥＥ）を使って動かします。
　　　（下記の画像をクリックするとイメージを表示します。）



（６）　Ｈｔｍｌ文の赤枠の＜behavior=altemate＞・・・と
　　　 ＜ｄｉｒｅｃｔｉｏｎ=ｌｅｆｔ＞・・・ を組み合わせてＨｔｍｌ文を作ります。



（７）　背景（星空）の上を画像（妖精）が左右に動き、文章がスクロール
　　　 （下から上へ）する動くひな形を作成します。
　　　 ※　マーキー（ＭＡＲＱＵＥＥ）を使って動かします。
　　　 （下記の画像をクリックするとイメージを表示します。）



（８）　Ｈｔｍｌ文の赤枠の＜behavior=altemate＞・・・と
　　　 ＜ｄｉｒｅｃｔｉｏｎ=up scrollAmount=1＞・・・ を
　　　 組み合わせてＨｔｍｌ文を作ります。



（７）　背景（くだもの）の上に画像（どうぶつ）と文章がスクロール
　　 　（下から上へ）する動くひな形を作成します。
　　 　※　マーキー（ＭＡＲＱＵＥＥ）を使って動かします。
　　 　（下記の画像をクリックするとイメージを表示します。）



（１０）　<ＭＡＲＱＵＥＥ　ｄｉｒｅｃｔｉｏｎ=up scrolｌAmount=1
　　　　　style="height: 160 px">の後に赤枠の画像
　　　　<ＩＭＧ　ｓｒｃ="doubutu.gif" width="600" height="100">
　　　　を追加すると画像と文章がスクロールします。




　　ＨＴＭＬ文のサンプルは下記の（１１）項にあります。
　　「ひな形の作り方２（Ｈｔｍｌ文の作成）」を参照して下さい。


　注意 ： 応用編（５）の動く「ひな形」は「ひな形として保存」では
　　　　 　保存できません。





　　　　　　　　　　　　　　　　　　　 　　　　　　　

　　


（１１）　ＳＡＭＰＬＥ

　　　以下はメモ張に貼り付ける　Ｈｔｍｌ文　のサンプルです。

<<<　文動画像のＨｔｍｌ文　>>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<MARQUEE direction=up scrollAmount=1 
style="height: 160 px">
<CENTER><FONT color=#00ffff>☆<BR></FONT>
<BR><FONT color=#111111>
メールの文章がスクロールする「ひな形」です。
<BR>
☆と☆の間に文章を書いて下さい。
</FONT><BR>
<BR>
<FONT color=#0000ff>
これからも「ひなめーるまにゅ〜Ｓｉｇｅ」を
<BR>
宜しくお願い致します。
</FONT><BR>
<BR>
<FONT color=#00ffff>☆<BR>
</FONT>
</CENTER>
</MARQUEE>
<STYLE>
BODY {
font-family:         ＭＳ ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="kaeruusagi.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<<　左右動画像のＨｔｍｌ文　>>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<CENTER><MARQUEE behavior=alternate>
<IMG src="fly04.gif" width="40" height="40">
</MARQUEE></CENTER><BR>
<STYLE>
BODY {
font-family:         ＭＳ ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="bsky2.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<<　左右横動画像のＨｔｍｌ文　>>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<CENTER><MARQUEE behavior=alternate>
<IMG src="jellyfish01.gif" width="40" height="40">
</MARQUEE></CENTER>
<MARQUEE direction=left>
<IMG src="fish1.gif"></MARQUEE><BR>
<STYLE>
BODY {
font-family:         ＭＳ ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="kaitei.jpg">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<<　左右文動画像のＨｔｍｌ文　>>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<CENTER><MARQUEE behavior=alternate>
<IMG src="arin04.gif" width="40" height="40">
</MARQUEE></CENTER>
<BR>
<MARQUEE direction=up scrollAmount=1 
style="height: 160 px">
<CENTER><FONT color=#00ffff>☆<BR></FONT>
<BR><FONT color=#ffffcc>
メールの文章がスクロールする<BR>
「ひな形」です。<BR>
☆と☆の間に文章を書いて下さい。
</FONT><BR>
<BR>
<FONT color=#ffcccc>
これからも「ひなめーるまにゅ〜Ｓｉｇｅ」
<BR>
を宜しくお願い致します。
</FONT><BR>
<BR>
<FONT color=#00ffff>☆<BR>
</FONT>
</CENTER>
</MARQUEE>
<STYLE>
BODY {
font-family:         ＭＳ ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="starsky.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<<　文動画像２のＨｔｍｌ文　>>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<MARQUEE direction=up scrollAmount=1 
style="height: 160 px">
<IMG src="doubutu.gif" width="600" height="100"><BR>
<CENTER><FONT color=#00ffff>☆<BR></FONT>
<BR><FONT color=#111111>
画像とメールの文章がスクロールする<BR>
「ひな形」です。
<BR>☆と☆の間に文章を書いて下さい。
</FONT><BR><BR>
<FONT color=#0000ff>
これからも「ひなめーるまにゅ〜Ｓｉｇｅ」を<BR>
宜しくお願い致します。
</FONT><BR><BR>
<FONT color=#00ffff>☆<BR>
</FONT>
</CENTER>
</MARQUEE>
<STYLE>
BODY {
font-family:         ＭＳ ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="kudamono.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>






　　　　　　　　　　　　　　　　　　　　　　　　　　　

姉妹サイト＆おすすめページ