javascript - 要素のスクロールと消失

Question

今日、いくつかのサイトをチェックしていて、見たことのない新しい CSS や JS のトリックに出会いましたが、とても気に入りました。それがどのように行われたか、またはどこでそれについてもっと学ぶことができるかを理解できませんでした。効果を感じたサイトへのリンクです。上部の「サインイン」ボタンをクリックすると発生します。そのコードを記述するために使用される言語は何ですか? また、それについてどこで学べますか?

Answer 1

彼らはこれを実装するために単純なjquery＆css関数を使用しました。

これは彼らのものです

$(document).ready(function(){
var toggleLogin = 1;
$(".toggleLogin").click(function () {
    if (toggleLogin == 1) {
        toggleLogin = 0;
        $("#login").animate({ top: 0 });
        $("#IconBenchUsername").focus();
    } else {
        toggleLogin = 1;
        $("#login").animate({ top: -43 });
    }
    $("#invisLoginArea").slideToggle();
});
});

Answer 2

あなたはJavascriptまたはCSS3でそれを行うことができます、それは単純なアニメーション効果です。ちなみに、CSS3の方がはるかに簡単だと思います。詳細については、Googleでアニメーションを検索して変換できます。