你好,我需要 howler.js 方面的帮助 http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
我做网站,在这个网站上是一张小图片
这首作品很好,音乐淡出
$(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>
到
<div id="musicoffon" class="ex2-fadein"><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>
CSS:
.ex2-fadein
{
opacity:0.6;
}
JQUERY:
$(document).ready(function(){
$('#musicoffon').on('click', function(){
$(this).toggleClass('ex2-fadein',500);
});
});
关于javascript - howler.js - 按钮淡入和淡出类(class)变化中的音乐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24184190/