0

https://www.dropbox.com/ - 再生ボタン、どのようにその効果を生み出していますか? 私が見ることができるものから、彼らは使用しています:

<script type="text/javascript" charset="utf-8">
    document.observe("dom:loaded", function () { 

        var play_link = $("playvideo");

        play_link.observe("mouseover", function () {
            new Effect.Opacity(play_link.down("img"), { duration: 0.2, to: 1.0 });
        });

        play_link.observe("mouseout", function () {
            new Effect.Opacity(play_link.down("img"), { duration: 0.2,  to: 0.5 });
        })


        if (!FlashDetect.versionAtLeast(9)) {
            $("has_flash").hide();
            $("no_flash").show();
        }
    });

    function play_screencast() {
        Home.showScreencast('commoncraft', true);
    }
</script>

しかし、私たちのサイトでこの効果を作成する方法がわかりません. 私は.NETを実行しています。本当にありがとう。

4

2 に答える 2

0

ID が「play_link」のアンカー要素と、その中に円のアイコン画像があります。その要素の不透明度は、最初は 0.5 (IE の場合は 50) です。JavaScript の「mouseover」イベントが発生すると、不透明度が 1 (または IE では 100) にアニメートされます。「mouseout」イベントが発生すると、不透明度が以前の状態にアニメーション化されます。ほぼすべての JavaScript フレームワークでアニメーションを実現できます。

于 2010-09-23T05:46:04.843 に答える
0

彼らはscript.aculo.usを使用しています。Effect.Opacityのドキュメントを参照すると、自分のサイトでこの動作を再現する方法がすぐにわかります。

于 2010-09-23T05:47:21.453 に答える