☆ マーキータグの作成方法。
HPビルダーでは、挿入→その他→マーキーで作成出来ます。
HyperEdit では、HTML→特殊効果→文字のスクロールで作成出来ます。
Webサイトには、簡単にマーキータグが作成出来るサイト様もあります。
以下の説明には、HPビルダーでマーキータグの作成をしました。
1.<MARQUEE width="400" height="50" scrollamount="5"
truespeed bgcolor="#e1fbe1" behavior="scroll" direction="left">マーキーで動かす!</MARQUEE>
2.<MARQUEE width="400" height="50" scrollamount="6"
scrolldelay="10" truespeed bgcolor="#e1fbe1" loop="0"
behavior="slide" direction="right">マーキーで動かす!</MARQUEE>
3.<MARQUEE width="400" height="100" scrollamount="6"
truespeed bgcolor="#e1fbe1" behavior="alternate" direction="up"
scrolldelay="100">マーキーで動かす!</MARQUEE>
4.<MARQUEE width="400" height="50" scrollamount="6"
bgcolor="#e1fbe1" loop="0" behavior="alternate"
direction="right">マーキーで動かす!</MARQUEE
他にも色々出来ますが、これぐらいで・・。^^;
☆ タグの属性を組み合わせれば、下のような動きも出来ます。
|
5.<TABLE border="0">
<TBODY>
<TR>
<TD width="480" height="320" align="center" bgcolor="#e1fbe1" style="border-width : 6px;border-style : double;border-color : #00cccc;"><MARQUEE width="480" height="310" scrollamount="5" truespeed behavior="alternate" direction="up" ><MARQUEE behavior="alternate"><span style="font-size:15pt; color:ff33ff;">文字</span>
<img src="tyou1.gif">
</MARQUEE></MARQUEE>
</TD>
</TR>
</TBODY>
</TABLE>
文字
|
6.<TABLE border="1" background="画像URL">
<TBODY>
<TR>
<TD width="480" height="320" align="center"><MARQUEE width="480" height="310" scrollamount="5" truespeed behavior="alternate" direction="up" ><MARQUEE behavior="alternate"><span style="font-size:15pt; color:ffffff;">文字</span>
<img src="画像URL">
</MARQUEE></MARQUEE>
</TD>
</TR>
</TBODY>
</TABLE>
//////////////////////////////////////////////////////////////////////////
☆ gooブログでマーキータグの使用方法。
<左に動きます!< |
<<文字
<< |
<右に動きます!< |
1.<TABLE border="0">
<TBODY>
<TR>
<TD width="480" height="60"
style="font-size:0px;"><<MARQUEE behavior="scroll" direction="left"
scrollamount="4">
<span style="font-size:15pt; color:000000;">左に動きます!
</span><</MARQUEE></TD>
</TR>
<TR>
<TD width="480" height="310" background="画像URL"><<MARQUEE
width="480" height="310" scrollamount="5"
truespeed behavior="alternate" direction="up" ><<MARQUEE
behavior="alternate">
<span style="font-size:15pt; color:ffffff;">文字
</span>又は
<img src="画像URL">
<</MARQUEE><</MARQUEE></TD>
</TR>
<TR>
<TD width="480" height="60"
style="font-size:0px;"><<MARQUEE scrollamount="5" behavior="scroll" direction="right">
<span style="font-size:15pt; color:000000;">右に動きます!
</span><</MARQUEE></TD>
</TR>
</TBODY>
</TABLE>
gooブログでは、そのままで記事にすると動きが止まってしまいます。
<<MARQUEE><</MARQUEE>のように < を1個余分につけると動きます。
そうすると、< が表示されてしまいます。
その打開策として、style="font-size:0px;"のタグを追加して、< の表示を小さくします。
画像だけを動かす時には、これで良いのですが、
文字を動かす時には、文字が小さくなってしまいますので、
<span style="font-size:15pt; color:ffffff;">文字</span>のタグを使われると良いです。
背景に画像を挿入したり、ボーダーのスタイルを指定する時にも、HPビルダーで作成すると簡単に出来ます。