HPにカーテンをつけよう

taka_oj
|
2017年10月12日
| コメントはまだありません
| JavaScript

JavaScriptを使って、簡単にHPにカーテンをつけよう！

簡単なコードで、HPに開閉するカーテンをつけましょう。

▼JavaScript

$(function () {
    $("#openc").click(function(){
        $("#curtain1").animate({"width":"40px"},1000);
        $("#curtain2").animate({"width":"40px"},1000);
    });
    $("#closec").click(function(){
        $("#curtain1").animate({"width":"45%"},1000);
        $("#curtain2").animate({"width":"45%"},1000);
    });
});

▼CSS

▼HTML

ボタンを押すとカーテンが開閉します

今回、参考にさせていただいたのは、
『ぱんにゃっとTUTORIAL』さんです。
ありがとうございます。

デモページは、こちら

JavaScript