index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <html>
  2. <head>
  3. <title>three.js - documentation</title>
  4. <style>
  5. body {
  6. margin: 0;
  7. padding: 0;
  8. color: #555;
  9. font-family: Arial, sans-serif;
  10. }
  11. #panel {
  12. position: fixed;
  13. left: 0px;
  14. top: 0px;
  15. width: 200px;
  16. height: 100%;
  17. padding: 20px 0px 0px 20px;
  18. font-size: 15px;
  19. }
  20. iframe {
  21. border: 0;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div id="panel">
  27. Core
  28. <ul>
  29. <li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
  30. <li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
  31. <li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
  32. </ul>
  33. Cameras
  34. <ul>
  35. <li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
  36. <li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
  37. <li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
  38. </ul>
  39. Lights
  40. <ul>
  41. <li><a href="api/cameras/Camera.html" target="page">Camera</a></li>
  42. <li><a href="api/cameras/PerspectiveCamera.html" target="page">PerspectiveCamera</a></li>
  43. <li><a href="api/cameras/OrtographicCamera.html" target="page">OrtographicCamera</a></li>
  44. </ul>
  45. </div>
  46. <iframe id="page" src="api/cameras/Camera.html"></iframe>
  47. <script>
  48. var margin = 220, page = document.getElementById( 'page' );
  49. function updateLayout() {
  50. page.style.marginLeft = margin + 'px';
  51. page.style.width = ( window.innerWidth - margin ) + 'px';
  52. page.style.height = window.innerHeight + 'px';
  53. }
  54. window.addEventListener( 'resize', updateLayout, false );
  55. updateLayout();
  56. </script>
  57. </body>
  58. </html>