demo/b.htm

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 <head>\r
   4 <meta name="viewport" content="width=device-width, initial-scale=1">\r
   5 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">\r
   6 <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>\r
   7 <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>\r
   8 </head>\r
   9 <body>\r
  10         \r
  11         <div style="position:fixed; top:0; left:150px; width:1920px; height:200px">\r
  12                         <img src="./header.jpg"></img>          \r
  13          </div>\r
  14         </div>\r
  15         \r
  16         <div style="position:fixed; top:200px; left:0; width:400px; height:1080px">\r
  17                 <div data-role="page" id="pageone">\r
  18                   <div data-role="main" class="ui-content">\r
  19                         <h1><b>Supported Feature</b></h1>\r
  20                     \r
  21                     <h2>W3C Standard Coverage</h2>\r
  22                     <ul data-role="listview" data-inset="false">\r
  23                       <li><a href="http://www.html5test.com" target="iframe_a">HTML5 Score</a></li>\r
  24                     </ul>\r
  25                                         \r
  26                     <h2>HTML5 Media Support</h2>\r
  27                     <ul data-role="listview" data-inset="false">\r
  28                       <li><a href="http://camendesign.com/code/video_for_everybody/test.html" target="iframe_a">HTML5 video</a></li>\r
  29                       <li><a href="http://googlechrome.github.io/web-audio-samples/samples/audio/shiny-drum-machine.html" target="iframe_a">Web Audio</a></li>\r
  30                       <li><a href="http://www.youtube.com/embed/mQ9ybeFsGuM" target="iframe_a">Media Source Extension</a></li>\r
  31                     </ul>\r
  32                     \r
  33                     <h2>HTML5 Rendering Feature</h2>\r
  34                     <ul data-role="listview" data-inset="false">\r
  35                       <li><a href="http://webglsamples.org/dynamic-cubemap/dynamic-cubemap.html" target="iframe_a">WebGL</a></li>\r
  36                       <li><a href="http://ie.microsoft.com/testdrive/Performance/FishIETank/?o=1" target="iframe_a">HTML5 Canvas Element</a></li>\r
  37                       <li><a href="http://www.webkit.org/blog-files/leaves/index.html" target="iframe_a">CSS 3D</a></li>\r
  38                     </ul>\r
  39                     \r
  40                     <h2>Rich HTML5 UI</h2>\r
  41                     <ul data-role="listview" data-inset="false">\r
  42                       <li><a href="http://threejs.org/examples/css3d_periodictable.html" target="iframe_a">Periodic Table</a></li>\r
  43                       <li><a href="http://www.jacksasylum.eu/ContentFlow/download.php" target="iframe_a">Contnet Flow</a></li>\r
  44                     </ul>       \r
  45                     \r
  46                     <h2>Widget Controls</h2>\r
  47                     <ul data-role="listview" data-inset="false">\r
  48                       <li><a href="./Widget.htm" target="iframe_a">Controls</a></li>\r
  49                     </ul>                        \r
  50                             \r
  51                   </div>\r
  52                 </div> \r
  53         </div>\r
  54         <div style="position:fixed; top:200px; left:405px; width:1020px; height:880px">\r
  55                 <iframe style="background-image:url(main_bg.jpg)" name="iframe_a" width="1500" height="880"></iframe>\r
  56         </div>\r
  57 </body>\r
  58 </html>\r