Question

是否可以在“世界”0度到27度的角度之间播放法国音乐？我根据滚动改变了世界。谢谢你们:)）

$(document).ready(function() {
var angle,
scroll = 0;
var $world = $('#world');
var $body = $('body');

//法国音乐 var $ french = $（'#french'）;

$(window).scroll(function() {

angle = $body.scrollTop() / 28;
$world.css('-moz-transform', 'rotate('+angle+'deg)').css('-webkit-transform', 'rotate('+angle+'deg)').css('-o-transform', 'rotate('+angle+'deg)').css('-ms-transform', 'rotate('+angle+'deg)');


$(french)[0].play(); 

console.log(scroll);
});
});

更新

这是对的吗？除了第一个（法语）之外，它仍然不允许我播放任何其他音乐

            if(angle >=0 && angle <=26) {
        $(french)[0].play();
    }
    if(angle >27 && angle <=74) {
        $(british)[1].play();
    }
    if(angle >75 && angle <=115) {
        $(ny)[2].play();
    }
    if(angle >116 && angle <=164) {
        $(la)[3].play();
    }
    if(angle >165 && angle <=210) {
        $(japanese)[4].play();
    }
    if(angle >211 && angle <=270) {
        $(chinese)[5].play();
    }
    if(angle >271 && angle <=310) {
        $(indian)[6].play();
    }
    if(angle >311 && angle <=333) {
        $(egyptian)[7].play();
    }

Answer 1

$(window).scroll(function() {

angle = $body.scrollTop() / 28;
$world.css({'-moz-transform': 'rotate('+angle+'deg)',
           '-webkit-transform':'rotate('+angle+'deg)',
           '-o-transform': 'rotate('+angle+'deg)',
           '-ms-transform': 'rotate('+angle+'deg)'});

if(angle >=0 || angle <=27)
{$(french)[0].play(); 
}
console.log(scroll);

<强>更新

if(angle >=28 || angle <=72)
{$(french)[1].play();
// another music play 
}

根据jQuery中的旋转播放音乐

1 个答案: