|
サンプルソース 1
<table border="0"
cellspacing="0" cellpadding="0">
<tr>
<td width="100"
height="100" background="http://www.hikotora.com/fla2/happy.gif">
<embed SRC=http://www.hikotora.com/fla4/sinl2.swf width=100
height=100 wmode=transparent quality=high loop=true menu=false>
</embed></td>
</tr>
</table>
上記http://www.hikotora.com/fla2/happy.gifの部分に自分で作った時計の文字板画像をUPしたURLを入れます。緑のタグは、上のシンプルタイプの時計タグです。好みのシンプルタイプのタグに変更してください。
自分で作るオリジナル画像は、色々大きさを変えて工夫してみてください。大きくしたり、小さくした場合、同時に上でピンクにしてある、テーブルのサイズと、時計のサイズも変更する必要があるかもしれません。工夫していろいろやってみてくださいね!
ちなみに、上記サンプルは、このようになります↓
サンプルソース 2 (中級者向き)
レイヤーを使うと、もっとスマートにできます。
<div id="tokei"
style="position:absolute; left:0px;
top:0px; width:100px;
height:100px; z-index:1; background-image:
url(http://www.hikotora.com/fla2/happy.gif);
layer-background-image: url(http://www.hikotora.com/fla2/happy.gif);
border: 1px none #000000"><embed
SRC=http://www.hikotora.com/fla4/sinl2.swf width=100 height=100
wmode=transparent quality=high loop=true menu=false>
</embed></div>
中級者向きなので、説明は省かせていただきます。
サンプルタグ1と見比べてやってみてください。
ちなみに left:0px;
top:0px部分は、ページ左上から見た、表示位置です。この場合は、左上にぴったりくっついた状態になります。
※レイヤーの付加機能などで、Flash内部の、当サイトへのリンクが機能しなくなるような利用方法は、
不正利用扱いとなりますので、ご遠慮願います。その場合、無料利用になりませんので、利用料金をお支払いいただく事になります。
かっこいい時計作れたら、是非掲示板などで、教えてください!
暇な時で、気が向いたらFlashに組み込んで作ったりするかも?
|