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

来源:3-11 移动端项目开发——交互(翻页)

慕仰2795485

2017-03-22 10:19

//这是我的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没引入的原因

写回答 关注

4回答

  • 慕数据1189643
    2017-08-14 17:38:16

    我的效果没问题

  • 慕数据1189643
    2017-08-14 17:37:41

    这是我的我引入

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="Viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scaleable=no">

    <meta name="format-detection" content="telephone=no">

    <title>Spring festive</title>

    <link href="../css/springfestive.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

    <script type="text/javascript" src="../js/script.js" ></script>

    这是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);


  • weibo_阿红_75269_03683181
    2017-07-10 16:10:30

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

  • weibo_沫小克_03424264
    2017-03-23 12:59:24

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

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


    慕仰2795...

    <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 14:12:53

    共 2 条回复 >

HTML5+CSS3实现春节贺卡

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

110057 学习 · 450 问题

查看课程

相似问题