0

このコードは、フォームの可視性を切り替えます。 

function getStyle()
{
    var temp = document.getElementById("frm01").style.display;
    return temp;
}
function switch01()
{
    var current = getStyle();
    if( current == "none" )
    {
        document.getElementById("frm01").style.display = "block";
    }
    else
    {
        document.getElementById("frm01").style.display = "none";
    }
}

フォームが表示されるようになると、基になるdivがページを押し下げ、その逆も同様です。
どうすればその形をゆっくりと、一瞬ではなく、スライド効果のように見えるようにすることができますか。

4

2 に答える 2

2

これはjQueryで非常に簡単に行うことができます。これはすべてのブラウザで機能します。

$("#frm01").slideDown("slow", function() {
    // if you want to have some callback behavior, define that here
});

$("#frm01").slideUp("slow", function() {
    // if you want to have some callback behavior, define that here
});
于 2012-07-15T17:00:31.007 に答える
1

一般的な手法は、別の要素の下に非表示にしてから、遷移効果を適用することです。

CSS：

#frm01 {
    -webkit-transform: translate3d( 0, 0, 0 ); /* Default */
}

#frm01.animate {
    -webkit-transform: translate3d( 0, 200px, 0 ); /* Move in Y-direction */
}

他のブラウザにも同様の構文があります。

于 2012-07-15T16:57:05.557 に答える