小编vik*_*sra的帖子

这里有什么问题？当我点击时#background_audio div,音频淡出然后自动淡入并继续播放而不再按下按钮.我如何解决它？

我试图使音频淡出并在单击#background_audio时暂停,然后#background_audio再次单击时,音频淡入并恢复.

<script type="text/javascript">
$(document).ready(function(){
    $('#mute').click(function(){
        $('#background_audio').animate({volume: 0}, 1000);
        setTimeout(function(){('#background_audio').pause()},1000);
    });
    $('#mute').click(function(){
        $('#background_audio').animate({volume: 1}, 1000);
        setTimeout(function(){('#background_audio').pause()},1000);
    });
});
</script>

我在下面有这个 CSS。如何缩短圈类列表？我希望能够说“从 .circle01 到 .circle23”

 .circle01, .circle02, .circle03, .circle04, .circle05, .circle06, .circle07, .circle08, .circle09, .circle10,
        .circle11, .circle12, .circle13, .circle14, .circle15, .circle16, .circle17, .circle18, .circle19, .circle20,
        .circle21, .circle22, .circle23 {
            background-color: none;
            display: none;
            position: absolute;
            z-index: 20000;
            top: 255px; /*30*/ 
            width: 252px;
            left: 145px;
            height: 71px;
            pointer-events:none;
        }

在伪代码中，我想要类似的东西：

.circle01 to .circle23 {
       background-color: none;
        display: none;
        position: absolute;
        z-index: 20000;
        top: 255px; /*30*/ 
        width: 252px;
        left: 145px;
        height: 71px;
        pointer-events:none;
}   

编辑，找到了解决办法：

        div[class^="circle"] {
            background-color: none;
            display: none;
            position: …