2008-10-22から1日間の記事一覧

Animated Scrolling

次のサンプルは、YAHOO.util.Scroll。 これも、YAHOO.util.Animの子孫。overflowしている要素中の子要素(たとえば、divで囲まれた「文章」など)があったときに、イベントで、子要素の位置を指定した場所まで移動する。これもサンプルがつまらないので、実…

Animating Motion Along The Curved Path

この例は、div要素の矩形に「変わった動き」を与えるやり方を示している。このために、YAHOO.util.Motionオブジェクトに与える属性オブジェクト(attributes)にcontrol pointという座標を定義する。 そのためには、attributeオブジェクトを var attributes =…

Animating Motion

YAHOO.util.Motionは、要素をスムーズに移動させるためのオブジェクト。Exampleのページにある例がつまらないので、調査もかねて、ちょっと変えてみた。 YAHOO.util.Motionオブジェクトを使うには、「移動目的地」をあらわすattributesオブジェクトを var at…

Animating Colors

先の「Chaining Animations Using onComplete」でも出てきたYAHOO.util.ColorAnimのExample。 AnimationのTopページで書かれているが、Yahoo.util.Animの子孫らしい。サンプルとして挙げられているのは、簡単。 以下にソースを示す。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> </meta></meta></head></html>

Chaining Animations Using onComplete

このExampleは、AnimのonCompleteイベントのサンプル。 ソースを覗いてみると、YAHOO.util.ColorAnimとYAHOO.widget.Buttonのサンプルにもなっている。 これらについては、簡単に以下のソースコード中にメモを記入。また、JavaScriptの発動をbody中の最後の…

YUI3

どうやら、今日はデベロッパーネットワーク(Yahoo Developer Network)の機嫌が悪いようだ。 4:00頃に1回アクセスできたきり、その後、403 Forbiddenが戻ってきてしまう。しばらく様子をみてみましょう。とインターネットをぶらぶらしていると、マイコミジ…