ころつんのつぶやき

ころつんのつぶやき

マーキー その1

マーキーに挑戦。その1


&ltMARQUEE behavior="slide" direction="right">
の組み合わせがトップページに載せるとうまく表示できないことを shiva_gchan さまに質問しました。
shiva_gchan さまが、フリーページで成功例を載せて下さいました。

あいうえお

あいうえお



【ソース】

&ltdiv align="center">
&ltMARQUEE behavior="slide" loop=1 scrollamount=10 width="500">
</div>
&ltDIV style="width:300px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ff0088,EndColorStr=#ffff88);">
&ltMARQUEE behavior="slide" direction="right" loop=1 scrollamount=8 width="450">
&ltfont color=white size=5>あいうえお</font>
</MARQUEE>
</DIV>
</MARQUEE>
&ltdiv align="center">
&ltMARQUEE direction="right" scrollamount=3 width="500">
</div>
&ltDIV style="width:300px; padding:30px; background-color:white;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc00ffff,EndColorStr=#cc0000ff);">
&ltMARQUEE direction="right" behavior="alternate" scrollamount=10 width="450">
&ltfont color=white size=5>あいうえお</font>
</MARQUEE>
</DIV>
</MARQUEE>


参考にして私も作ってみました。

ころつんのつぶやき
つれづれなるままに



【ソース】

&ltdiv align="center">
&ltMARQUEE behavior="slide" loop=1 scrollamount=10 width="500">
</div>
&ltDIV style="width:300px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#ff0088,EndColorStr=#ffff88);">
&ltMARQUEE behavior="slide" loop=1 scrollamount=8 width="450">
&ltfont color=white size=5>ころつんのつぶやき</font>
</MARQUEE>
</DIV>
</MARQUEE>
&ltdiv align="center">
&ltMARQUEE behavior="slide" direction="right" loop=1 scrollamount=10 width="500">
</div>
&ltDIV style="width:300px; padding:30px; background-color:white; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44ff88,EndColorStr=#5500ff);">
&ltMARQUEE behavior="slide" direction="right" loop=1 scrollamount=8 width="450">
&ltfont color=white size=5>つれづれなるままに</font>
</MARQUEE>
</DIV>
</MARQUEE>


フリーページでうまく表示できることを確認しました。


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: