3

こんにちは、ボタンで固定フッターを非表示にする方法があるのではないかと思っていました。ユーザーが画面をもっと見たい場合やその逆の場合は閉じることができます。cssでこれを行う方法はありますか、それともjavascriptが必要ですか?

乾杯。

4

4 に答える 4

4

JavaScript

<input type="button" id="myButton" onclick="HideFooter()" />

function HideFooter()
{
    var display = document.getElementById("myFooter").style.display;
    if(display=="none")
        document.getElementById("myFooter").style.display="block";
    else
        document.getElementById("myFooter").style.display="none";
}

JQuery

$("#myButton").click(function(){

    if($("#myFooter").is(":visible"))
        $("#myFooter").hide();
    else
        $("#myFooter").show();
});

他の素敵な効果が欲しいなら

$("#myFooter").fadeOut(500);
$("#myFooter").slideUp(500);
$("#myFooter").slideToggle(500); //Hide and Show

Bram Vanroyが提案した別の方法：

$("#myButton").click(function(){

    $("#myFooter").toggle();
});
于 2013-01-27T20:22:17.577 に答える
3

が必要になりますJavaScript。ボタン クリック イベント ハンドラーdisplayは、フッターのプロパティをに変更する必要がありますnone。

于 2013-01-27T20:22:31.767 に答える
3

これは、「ボタン」の ID と「フッター」のフッター ID を持つボタンを持つ JavaScript のみのバージョンです。このメソッドを使用すると、ユーザーがフッターを再度表示したい場合に、フッターを非表示にした後で再度表示できます。

   var button = document.getElementById('button');

    button.onclick = function() {
        var div = document.getElementById('footer');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
};

またはjQueryで：

$("#button").click(function() { 
    $("#footer").toggle();
});
于 2013-01-27T20:24:46.397 に答える
2

まさに必要なもののための素敵な tutsplusビデオ チュートリアル。これは単純な jQuery です。

于 2013-01-27T20:36:35.057 に答える