screen_too_long.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html><head>
  3. <title>screen test</title>
  4. <script type="text/javascript" src="screen.js"></script>
  5. <link rel="stylesheet" type="text/css" href="screen.css" />
  6. </head>
  7. <body>
  8. <style>
  9. #content {
  10. width: 70000px;
  11. height: 70000px;
  12. }
  13. .column {
  14. height: 14000px;
  15. width: 14000px;
  16. }
  17. </style>
  18. <table id="content">
  19. <tr class="row row1">
  20. <td class="column column1 cell" id="cell11">&nbsp;</td>
  21. <td class="column column2 cell" id="cell12">&nbsp;</td>
  22. <td class="column column3 cell" id="cell13">&nbsp;</td>
  23. <td class="column column4 cell" id="cell14">&nbsp;</td>
  24. <td class="column column5 cell" id="cell15">&nbsp;</td>
  25. </tr>
  26. <tr class="row row2">
  27. <td class="column column1 cell" id="cell21">&nbsp;</td>
  28. <td class="column column2 cell" id="cell22">&nbsp;</td>
  29. <td class="column column3 cell" id="cell23">&nbsp;</td>
  30. <td class="column column4 cell" id="cell24">&nbsp;</td>
  31. <td class="column column5 cell" id="cell25">&nbsp;</td>
  32. </tr>
  33. <tr class="row row3">
  34. <td class="column column1 cell" id="cell31">&nbsp;</td>
  35. <td class="column column2 cell" id="cell32">&nbsp;</td>
  36. <td class="column column3 cell" id="cell33">&nbsp;</td>
  37. <td class="column column4 cell" id="cell34">&nbsp;</td>
  38. <td class="column column5 cell" id="cell35">&nbsp;</td>
  39. </tr>
  40. <tr class="row row4">
  41. <td class="column column1 cell" id="cell41">&nbsp;</td>
  42. <td class="column column2 cell" id="cell42">&nbsp;</td>
  43. <td class="column column3 cell" id="cell43">&nbsp;</td>
  44. <td class="column column4 cell" id="cell44">&nbsp;</td>
  45. <td class="column column5 cell" id="cell45">&nbsp;</td>
  46. </tr>
  47. <tr class="row row5">
  48. <td class="column column1 cell" id="cell51">&nbsp;</td>
  49. <td class="column column2 cell" id="cell52">&nbsp;</td>
  50. <td class="column column3 cell" id="cell53">&nbsp;</td>
  51. <td class="column column4 cell" id="cell54">&nbsp;</td>
  52. <td class="column column5 cell" id="cell55">&nbsp;</td>
  53. </tr>
  54. </table>
  55. <script>
  56. var initialColor = 0x0F0F0F;
  57. var stepColor = 1000;
  58. var cnt = 1;
  59. for (var i = 1; i < 6; i++) {
  60. for (var j = 1; j < 6; j++) {
  61. el = document.getElementById('cell' + i + '' + j);
  62. el.style.backgroundColor = toColor(initialColor + (cnt * stepColor));
  63. cnt++;
  64. }
  65. }
  66. </script>
  67. </body>
  68. </html>