Comentário: HTML5 Funciona imita o KuGou HTML5 Mobile Music Music Player. Após o teste, o efeito é confirmado como bom. Infelizmente, ele suporta apenas navegadores de núcleo de webkit, como Google e Apple. Amigos interessados podem aprender.
O HTML5 funciona, após o teste, o efeito é confirmado como bom. Infelizmente, ele suporta apenas navegadores de núcleo de webkit, como Google e Apple. Quando os internautas o experimentarem, use o Google e outros navegadores para executá -lo. Caso contrário, você não poderá ver o efeito. Eu não vou mais dizer isso, basta olhar para o efeito.Os códigos principais são os seguintes:
função zzxmusic () {
var aa = {};
// Configurações do módulo
var com configuração = {
Newsong: {'Target': 'Newsong', 'Type': '1', 'FirstCount': 6, 'count': 5},
SongCharts: {'Target': 'Newsong', 'Type': '1', 'FirstCount': 2, 'count': 4},
Singer: {'Target': 'Newsong', 'Type': '1', 'FirstCount': 8, 'Count': 7},
RadioStation: {'Target': 'Newsong', 'Type': '1', 'FirstCount': 9, 'Count': 2}
};
// Módulo de carregamento padrão
aa.Newsong = new ZZX (Setting.Newsong);
// Inicialização do módulo
$ (". MENU_TAGLIST"). Children ("Li"). Bind ('Click', function () {
para (var i na configuração) {
if ($ (this) .attr ("id") == i) {
if (typeof aa [i] === 'indefinido') {
aa [i] = novo zzx (configuração [i]);
}outro{
aa [i] .init ();
}
}
}
$ (". MENU_HOVER").
$ (this) .Addclass ("MENU_HOVER");
})
}
// instanciar o console
var myControl = novo controle ({
Áudio: document.getElementById ("myMusic"), // Player
PlayModenode: $ ("#ModeButton"), // Botão de seleção de modo
playbtn: $ ("#playbutton"), // botão principal
Playtitle: $ ("#musictitle"), // Container de título da música
Singerhead: $ ("#Singerhead"), // Container de Ilustração da música
Progresswrap: $ ("#ProgressWrap"), // Song Progress Bar Container
Progresso: $ ("#Progress"), // Barra de progresso da música
OWINOBJ: $ ("#OWindow"), // Wonest Janear Recainer
AlltimeNode: $ ("#TOTLETIME"), // Container de horário atual
CurrentTimenode: $ ("#CurrentTime") // Container de horário atual
});
Zzxmusic ();
original