アニメーションGIFを上下左右に動かす
Googleサイトでは、アニメーションGIFは使えませんでした(静止画像になってしまいます)が
Bloggerでは利用可能のようなので早速試してみました。
更に[HTML]を編集し<marquee></marquee>タグを追加して左右に動くよう作成してみました。
[HTML]では、画像は<img … >で表されているのでそれを<marquee></marquee>で挟めば出来上がりです。
属性を追加することにより様々な動きをさせることが出来ます。
<marquee XXXX=" " YYYY=" " …> XXXX,YYYYは属性
【属性】
height="高さ"･･････････････
|
スクロール範囲の高さ（ピクセルまたは%で指定）
|
width="幅"･････････････････
|
スクロール範囲の幅（ピクセルまたは%で指定）
|
hspace="左右の余白"･･････
|
左右の余白（ピクセルで指定）
|
vspace="上下の余白"･･････
|
上下の余白（ピクセルで指定）
|
behavior="動作の仕方"････
|
スクロール動作の仕方
behavior="scroll"
画面を横切る動作を繰り返します
behavior="alternate"
画面を往復する動作を繰り返します
behavior="slide"
スクロールの端まで来ると停止します
|
direction="方向"････････････
|
スクロール方向（leftまたはrightで指定。デフォルトはleft）
|
loop="回数"････････････････
|
スクロール回数（デフォルトは無限）
|
scrolldelay="時間の間隔"･･･
|
再描画までの時間の間隔（秒数で指定。値が大きいと遅く、
値が小さいと速くなります。単位は1/1000秒、デフォルトはscrolldelay="85"）
|
scrollamount="進む距離"･･･
|
再描画までに進む距離（ピクセルで指定。値が大きいと速く、
値が小さいと遅くなります。デフォルトはscrollamount="6"）
|
bgcolor="背景色"･･･････････
|
スクロール部分の背景色
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
