lab_4_19.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Lab_4_19</title>
  7. <link rel="stylesheet" href="./lac_4_19.css" />
  8. </head>
  9. <body>
  10. <h4>Индивидуальные задания</h4>
  11. <p>
  12. На языке JavaScript разработать программные средства, выполняющие
  13. следующие действия:<br /><br />
  14. </p>
  15. <ul class="list">
  16. <li>
  17. по событию 1 отметить указанный в таблице объект, изменив одно
  18. или несколько его свойств;
  19. </li>
  20. <li>
  21. по событию 2 осуществить движение этого объекта из заданной
  22. точки (x,y) экрана по траектории, заданной функцией f(x) и
  23. направлением ("куда") в соответствии с указанным режимом:
  24. <ul class="list2">
  25. <li>1 - до достижения границ окна браузера;</li>
  26. <li>
  27. 2 - до достижения границ окна браузера после
  28. однократного отражения;
  29. </li>
  30. <li>
  31. 3 - непрерывное движение с многократными отражениями от
  32. границ окна браузера. надо выполнять с отражением от
  33. границ окна браузера.
  34. </li>
  35. </ul>
  36. </li>
  37. <li>
  38. амплитуду и скорость движения выбирать из соображения
  39. наглядности.
  40. </li>
  41. </ul>
  42. <table
  43. border="1"
  44. align="center"
  45. width="100%"
  46. style="font: 5mm; color: #00a"
  47. >
  48. <tr>
  49. <th rowspan="2">№</th>
  50. <th rowspan="2">Объект</th>
  51. <th colspan="4">Параметры движения</th>
  52. <th colspan="2">События</th>
  53. </tr>
  54. <tr>
  55. <th>(x,y)</th>
  56. <th>f(x)</th>
  57. <th>Куда</th>
  58. <th>Режим</th>
  59. <th>1</th>
  60. <th>2</th>
  61. </tr>
  62. <tr>
  63. <td>19</td>
  64. <td>checkbox</td>
  65. <td>X=20;Y=440</td>
  66. <td>x<sup>0.5</sup>-50</td>
  67. <td>Вправо/вверх</td>
  68. <td>3</td>
  69. <td>Mousemove</td>
  70. <td>Dblclick</td>
  71. </tr>
  72. </table>
  73. <input id="myCheckbox" type="checkbox" name="" id="" />
  74. <script src="./lab_4_19.js"></script>
  75. </body>
  76. </html>