AppFramework学习笔记（四）

向右滑动左侧边栏的显示 向左滑动左侧边栏隐藏

  <script type="text/javascript" charset="utf-8" src="ui/transitions/fade.js"></script> 
  <script type="text/javascript" charset="utf-8" src="ui/transitions/flip.js"></script>
   <script type="text/javascript" charset="utf-8" src="ui/transitions/pop.js"></script> 
   <script type="text/javascript" charset="utf-8" src="ui/transitions/slide.js"></script> 
   <script type="text/javascript" charset="utf-8" src="ui/transitions/slideDown.js"></script>
    <script type="text/javascript" charset="utf-8" src="ui/transitions/slideUp.js"></script>
    
    <script type="text/javascript" charset="utf-8" src="./plugins/af.css3animate.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.scroller.js"></script> 
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchEvents.js"></script> 
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchLayer.js"></script> 

if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window)) {
 var script = document.createElement("script"); 
script.src = "plugins/af.desktopBrowsers.js"; 
var tag = $("head").append(script); 
}

 改变内置的样式

$.ui.ready(function(){ 
　　$("#afui").get(0).className='ios7'; //设置属于那种风格 
});