html如何添加背景图片和背景音乐

时间:2022.12.16 发布人:U2738881447

html如何添加背景图片和背景音乐

已解决问题

谷歌U2738881447用户在2022.12.16提交了关于“拉布拉多html如何添加背景图片和背景音乐”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2024-10-25T15:06:14。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,滴水之恩,来日我当涌泉相报 !

希望以下的回答,能够帮助你。

第1个回答

用户名:银痕_2015  

h**TML点击问答图片播放音乐完整


1.我们需要将类记执先视用到的音频文件导入到我们的网页中:

<audioid="mu剧双异罗于露汉毫sic"src="music/***.flac"loopautoplay></audio>


2.赋给图片点击的方法:

<imgsrc="images/cql.jpg"onClick="play()"alt="user">


3.编写play()方法:

<script>

***.onload=function(){

varaudio=***.getel衡造木讨等众香ementbyid('music');

***.pause();//打开页面时无音乐

}

functionplay(){

varaudio=***.getelementbyid('music');

if(***.paused){

***.play();

***.ge无丰telementbyid('musicImg').src="images/play.png";

}else{

**运术再促调味味间*.pause(否);

***.currenttime=0;//音乐从头播放

***.getelementbyid('musicImg').src="images/stop.png";

}

}

</script>


4.完整样式代码:

<divid="f号因曾员乱h5co-content-section">

<divclass="container">

<divclass="row">

<divclass="col-md-6col-**-6">

<divclass="fh5co-testimonialtext-centera眼超失各nimate-box">

<h2>意难平</h2>

<a些铁铁udioid="music"src="music/***.fla控c"loopautoplay></犯audio>


<figure>

<spanclass="music">点击播取夜袁握损放音乐------></span>

<i基信律雷乐讲们mgsrc="images/cql.jpg"onClick="play()"alt="user">

</figure>

<blockquote>

<pstyle="font-size:20px">“穿越往昔莲坞爆。”

</blockquote>

<span>陈情令</span></div>

</div>


</div>

</div>

</div>