|
发表于 2023-11-5 01:10:35
|
查看全部
<!-- 背景音乐 -->
<script>
function hasClass(ele,cls) {
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function musicPalyer(obj){
var myAuto =document.getElementById('musicPalyer');
var playerBtn = document.getElementById('player_btn');
var boolClass = hasClass(playerBtn,'close_player');
if(boolClass){
myAuto.pause(); //暂停播放
playerBtn.className="player";
}else{
myAuto.play();
playerBtn.className +=" " + 'close_player';
}
}
</script>
<style>
.player{background:url( ) no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}
.player.close_player{background:url( ) no-repeat 50% 50%;}
</style>
<audio autoplay="" id="musicPalyer">
<source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
</audio>
<a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>
你发的网站里扒下来的代码,包含暂停功能 |
|