Question

我做了一个“音乐盒”，它显示了一个音乐封面，当它悬停在它上面时，显示一个可切换的播放按钮，可播放或暂停音乐。现在我想要实现的目标如下：

当点击播放/暂停按钮时，音乐将播放或暂停（做此部分）
当点击封面上的任何地方（播放/暂停按钮除外）时，它应链接（href？）到另一页

我尝试了几件但是无法将播放按钮从href中排除，我认为它应该保留在“.overlay”中，因为除非你将鼠标悬停在div / musicbox上，否则它们的内容需要隐藏

echo"
                <div class='musicbox' align='center'>
                    <a>
                        <div class='overlay'>
                            <img data-value='../../admin/uploads/tracks/".$music_track."' 
                            data-value='../../admin/uploads/tracks/".$music_oggfile."' 
                            onclick='updateSource(this)' class='btnplay' src='../media/images/go.png'></img>
                            <img class='btnpause' src='../media/images/stop.png'></img>
                            <div class='desc'>".$music_title."</div>
                        </div>
                    </a>
                    <img class='cover' src='../../admin/uploads/images/".$music_image."' width='350' height='350'>
                </div>";

除了一个元素之外的div上的href

0 个答案: