Javascript howler.js-更改课堂中的淡入淡出音乐按钮
你好,我需要关于howler.js的帮助 我创建了一个网站,在这个网站上它是一个小图片 这部作品是美妙的音乐,它正在消失Javascript howler.js-更改课堂中的淡入淡出音乐按钮,javascript,jquery,html,css,howler.js,Javascript,Jquery,Html,Css,Howler.js,你好,我需要关于howler.js的帮助 我创建了一个网站,在这个网站上它是一个小图片 这部作品是美妙的音乐,它正在消失 $(function(){ sh_highlightDocument(); $('.ex2-fadein').on('click', function(){ sound2.pause().fadeIn(0.5, 2000); }); $('.ex2-fadeout').on('click', function(){ sound2.fadeOut(0, 370
$(function(){
sh_highlightDocument();
$('.ex2-fadein').on('click', function(){
sound2.pause().fadeIn(0.5, 2000);
});
$('.ex2-fadeout').on('click', function(){
sound2.fadeOut(0, 3700);
});
但如果我点击这个图标,这是不起作用的
请告诉我如何从更改此图标中的类
<div id="musicoffon" class="ex2-fadeout"><img src="images/music.png"></div>
到
在我点击之后
谢谢你的帮助。我真的搜索了6个小时的答案:(我想你对你的代码感到困惑。这很简单。你可以创建一个具有不透明属性的类,然后在你点击div“musicoffon”时切换该类。剩下的一个问题,你需要使用jquery UI来完成 HTML:
<div id="musicoffon" class="ex2-fadeout"><img src="http://www.detailinggurus.com/images/sample_bottles.jpg"></div>
.ex2-fadein
{
opacity:0.6;
}
$(document).ready(function(){
$('#musicoffon').on('click', function(){
$(this).toggleClass('ex2-fadein',500);
});
});
JQUERY:
<div id="musicoffon" class="ex2-fadeout"><img src="http://www.detailinggurus.com/images/sample_bottles.jpg"></div>
.ex2-fadein
{
opacity:0.6;
}
$(document).ready(function(){
$('#musicoffon').on('click', function(){
$(this).toggleClass('ex2-fadein',500);
});
});
您是否有可能为我们提供一份调查报告?