上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 アニメテストノート2。
 とりあえず、どうすれば動くのかだけでも理解しないと…




animate



お遊び
<script type="text/javascript"><!--

var paper = Raphael("notepad8", 500, 320);
var c = paper.circle(10, 10, 10).attr({fill:"white"});

run = document.getElementById("notepad8");

run.onclick = function () {
c.animate({
	"20%" : {cy:200, easing: "bounce"},
	"50%" : {cy:50, easing: "bounce"},
	"100%": {cy:10, easing: "bounce"}
}, 5000).animate({
	"20%" : {cx:200},
	"50%" : {cx:50},
	"100%": {cx:10}
}, 5000).animate({
	"50%" : {fill:"red"},
	"100%": {fill:"white"}
}, 5000);
}

//--></script>


※IEは、カラーコードを「red」とか「white」とか書くと、vmlはnull或いはオブジェクトではありませんとか言う感じのエラーが出る…
このエントリーをはてなブックマークに追加
Sat.02.12.2011
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。