mui html5 plus

mui:

mod:框架

mhe:头文件

mbody:内容

mta：底部

msl:轮播图

mg：九宫格

ml:图文列表

mu.post   : ajax

dga:  绑定事件

mui.toast :来实现可自动消失的信息提示效果

$.post("http://192.168.16.40:9527/login",{username:123,pwd:456},funcation(data){
    console.log(data);
},"json")
    

 

 

baidu 搜索mui  MUI-最接近原生APP体验的高性能前端框架    新官网    文档    查看指令  

http://www.html5plus.org/doc/h5p.html             html5plus资料

 

 

  <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init()
    mui.plusReady(function () {
        var player = plus.audio.createPlayer("1.mp3")
     　　　player,play()
    })
    </script>
</body>

 

<div class = 'mui-content'>
    <button type="button" class= "mui-btn mui-btn-green mui-btn-block  " id="play">play</button>
    <button type="button" class= "mui-btn mui-btn-yellow mui-btn-block  " id="pause">pause</button>
    <button type="button" class= "mui-btn mui-btn-blue mui-btn-block  " id ="resume" >resume</button>
    <button type="button" class= "mui-btn mui-btn-red mui-btn-block  " id="stop">stop</button>
</div>




    
    <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    mui.init();
    var player =null;
    mui.plusReady(function () {
//      var player = plus.audio.createPlayer("1.mp3")
     
    });
    
    document.getElementById('play').addEventListener('tap',function () {
           player = plus.audio.createPlayer("1.mp3")
           player.play()
    })
    document.getElementById('play').addEventListener('tap',function () {
            player.play()
    })
    document.getElementById('play').addEventListener('tap',function () {
            player.play()
    })
    document.getElementById('play').addEventListener('tap',function () {
            player.play()
    })
    
    </script>
</body>