JS_0006:按钮点击UI切换

 

css 部分:
    .music {
        width: 5%;
        height: 6%;
        bottom: 3%;
        right: 2%;
        background-image: url("public/imgs/ui/musicN.png");
    }

    .music.active {
        background-image: url("public/imgs/ui/musicA.png");
    }

js 部分:
    // 音乐按钮点击
    $(".music").on("click", function (e) {
        if ($first(".music").classList.contains("active")) {
            $first(".music").classList.remove("active");
            pc.events.fire("audio:play", AudNum)
        } else {
            pc.events.fire("audio:pause", AudNum);
            $first(".music").classList.add("active")
        }
    });

 

posted @ 2020-05-27 16:18  琥珀君  阅读(306)  评论(0编辑  收藏  举报