demo

 mui.init(); 
        mui.plusReady(function(){            
            mui.os.ios&&plus.navigator.setFullscreen(true);          
            var slider = mui('.mui-slider').slider();            
            initPageguid();          
            setStatusBarBackgroud();             
            plus.navigator.closeSplashscreen(); 
            mui("#into")[0].addEventListener('tap', function() {                                 
                mui.fire(plus.webview.getLaunchWebview(), 'run'); 
                //plus.webview.currentWebview().close();//等登入註冊等頁面顯示之後再關閉                
            });  
             
            function initPageguid(){ 
                //繫結滑屏相關事件 
                var gallery = mui('.mui-slider')[0]; 
                gallery.addEventListener('swiperight', function(e) { 
                    //向左划動 
                    var num = mui('.mui-slider').slider().getSlideNumber() - 1; 
                    setContainerBackg(num); 
                }); 
                gallery.addEventListener('swipeleft', function(e) { 
                    //向右划動 
                    var num = mui('.mui-slider').slider().getSlideNumber() + 1; 
                    setContainerBackg(num); 
                }); 
            } 
             
            function setStatusBarBackgroud () { 
                if (mui.os.ios) { 
                    plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque"); 
                    //提前設定登陸頁背景顏色 
                    plus.navigator.setStatusBarBackground("#3A75B8"); 
                } 
            }; 
            function setContainerBackg(num) { 
                //提前設定背景色 
                if (num == 0) { 
                    mui('.mui-content')[0].style.backgroundColor = '#5dcbe2'; 
                } else if (num == 2) { 
                    mui('.mui-content')[0].style.backgroundColor = '#c1392b'; 
                } 
            }; 
        })