                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /HTML5+CSS3实现春节贺卡

js路径正确，代码好像也没错，音乐跟图片都停不了

//这是我的js代码
window.onload = function(){
	var music = document.getElementById("music");
	var audio = document.getElementsByTagName("audio")[0];

	music.onclick = function(){
		if(audio.paused){
		audio.play();
		this.setAttribute("class","play");
		}else{
			audio.pause();
			this.setAttribute("class","");
			};
		};
	};
//这是我的引入代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>迎春</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
</head>

我的css跟js也没放到一个文件夹，难道是编写js需要格外装些库啥的我没装，还是jequery没引入的原因

慕仰2795485

2017-03-22

源自：HTML5+CSS3实现春节贺卡 3-11

关注问题我要回答

1236

操作

收起

4 回答

慕数据1189643
2017-08-14

我的效果没问题

0 回复有任何疑惑可以回复我~

收起回答

慕数据1189643
2017-08-14

这是我的我引入

<!DOCTYPE html>

<html>

<head>

<title>Spring festive</title>

这是js

window.onload=function(){

var page1=document.getElementById("page1");

var page2=document.getElementById("page2");

var page3=document.getElementById("page3");

var music=document.getElementById("music");

var audio=document.getElementsByTagName("audio")[0];

music.addEventListener("touchstart",function(event){

if(audio.paused)

{

audio.play();

this.setAttribute("class","play")}

else{

audio.pause();

this.setAttribute("class","")

};

},false);

0 回复有任何疑惑可以回复我~

收起回答

weibo_阿红_75269_03683181
2017-07-10

我的也是，图片一直在转动

0 回复有任何疑惑可以回复我~

收起回答

weibo_沫小克_03424264
2017-03-23

id="music"是不是加在图片上的

<div class="music">
  <img src="images/music_pointer.png">
  <img class="play" id="music" src="images/music_disc.png">
</div>

0 回复有任何疑惑可以回复我~

收起回答

慕仰2795485 提问者

<div class="music"> <img src="img/music_pointer.png"> <img class="play" id="music" src="img/music_disc.png"> </div>跟你写的一样，css里面我也都改过了改成id选择器的.music

2017-03-23 回复有任何疑惑可以回复我~

慕仰2795485 提问者

<div class="music"> <img src="img/music_pointer.png"> <img class="play" id="music" src="img/music_disc.png"> </div>跟你写的一样，css里面我也都改过了改成id选择器的.music

2017-03-23 回复有任何疑惑可以回复我~

0/150

提交

取消

HTML5+CSS3实现春节贺卡

参与学习 110213 人
解答问题 492 个

又逢新春佳节，春节贺卡搞起来，学会HTML5+CSS3实现春节贺卡

进入课程

本课相似问答

1 回答暂停音乐，音乐可以停止，但是旋转的碟片还在转

2 回答音乐不能暂停啊？

1 回答点击后光盘不停止转动，音乐也不停止，求解答

2 回答音乐驱动有点问题都不能旋转、暂停？

1 回答为什么不显示图片，路径也是对的

搜索更多本课相关问答

js路径正确，代码好像也没错，音乐跟图片都停不了

我要回答关注问题

热搜

最近搜索清空

js路径正确，代码好像也没错，音乐跟图片都停不了

4 回答

本课相似问答

js路径正确，代码好像也没错，音乐跟图片都停不了