スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

試作アニメ 行ったり来たりするdonguri君

 マーキーでは方向が変わるたびに画像の向きを変えられませんでしたが、
タイマーを使って、進行方向が変わるごとに顔の向きをフィルターFLIPHを
操作することにより変更しています。
 前景のくさむらは、インデックス値を大きくしてドングリ君の前に配置
しました。画像をクリックすると動き始めます。
 動作はフィルターを使用していますのでIEのみです。

<
<
<

行ったり来たりのドングリ君のアニメーションです。画像内をクリックしてください。

以下ソースです

<center><span style="font-size:0px;"><<div id="flag" style="zindex:0;"></div><<div style="position:relative;width:600px;height:300px; background-image:url(http://blogimg.goo.ne.jp/user_image/4d/a0/ea8e616c605b8ae539699b2378224f4d.png);" onclick="intID=setInterval('{pos=donguri.style.zIndex; if(flag.style.zIndex==0){pos+=10;}else{pos-=10;}if(pos==450){flag.style.zIndex=1;donguri.style.filter=\'\';}if(pos==20) {flag.style.zIndex=0;donguri.style.filter=\'fliph()\';}donguri.style.left=pos+\'px\';donguri.style.zIndex=pos;}',200);"><<img id="donguri" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723697214bd6d239b877d_import.gif" style="z-index:10; position:absolute;top:50px;left:10px;filter:fliph();height:200px;"/><img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723697284bd6d240682de_import.png" style="position:absolute; top:0px;left:0px;width:600px; height:300px;z-index:1000;"/></div></span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。