(function(){ //配置 var config = { 'audio':{ 'icon':'audio-record-play', 'text':true }, 'loading': 'loading-ic' }; //loading window.onload = function(){ $('#loading').hide(); } //分享 $('#js-btn-share').bind('tap',function(){ $('#js-share').show(); }) $('#js-share').bind('tap',function(){ $(this).hide(); }); var pageIndex = 1, pageTotal = $('.page').length, towards = { up:1, right:2, down:3, left:4}, isAnimating = false; //禁用手机默认的触屏滚动行为 document.addEventListener('touchmove',function(event){ event.preventDefault(); },false); $(document).swipeUp(function(){ if (isAnimating) return; if (pageIndex < pageTotal) { pageIndex+=1; }else{ pageIndex=1; }; pageMove(towards.up); }) $(document).swipeDown(function(){ if (isAnimating) return; if (pageIndex > 1) { pageIndex-=1; }else{ pageIndex=pageTotal; }; pageMove(towards.down); }) function pageMove(tw){ var lastPage; if(tw=='1'){ if(pageIndex==1){ lastPage = ".page-"+pageTotal; }else{ lastPage = ".page-"+(pageIndex-1); } }else if(tw=='3'){ if(pageIndex==pageTotal){ lastPage = ".page-1"; }else{ lastPage = ".page-"+(pageIndex+1); } } var nowPage = ".page-"+pageIndex; switch(tw) { case towards.up: outClass = 'pt-page-moveToTop'; inClass = 'pt-page-moveFromBottom'; break; case towards.down: outClass = 'pt-page-moveToBottom'; inClass = 'pt-page-moveFromTop'; break; } isAnimating = true; $(nowPage).removeClass("hide"); $(lastPage).addClass(outClass); $(nowPage).addClass(inClass); setTimeout(function(){ $(lastPage).removeClass('page-current'); $(lastPage).removeClass(outClass); $(lastPage).addClass("hide"); $(lastPage).find("img").addClass("hide"); $(nowPage).addClass('page-current'); $(nowPage).removeClass(inClass); $(nowPage).find("img").removeClass("hide"); isAnimating = false; },600); } })(); //------------------------------------------------------------------ //音乐 //$("#audio_btn").click(function(){ // $(this).toggleClass("rotate"); //控制音乐图标 自转或暂停 // // }) var x = document.getElementById("media"); $(function(){ $("#audio_btn").click(function(){ $(this).toggleClass("rotate"); //控制音乐图标 自转或暂停 //控制背景音乐 播放或暂停 if($(this).hasClass("rotate")){ x.play(); }else{ x.pause(); } }) });