lab_4_2.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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_2</title>
  7. <link rel="stylesheet" href="./lab_4_2.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. <!-- prettier-ignore -->
  43. <table border="1" align="center" width="100%" style="font: 5mm; color: #00a">
  44. <tr>
  45. <th rowspan="2">№</th>
  46. <th rowspan="2">Объект</th>
  47. <th colspan="4">Параметры движения</th>
  48. <th colspan="2">События</th>
  49. </tr>
  50. <tr>
  51. <th>(x,y)</th>
  52. <th>f(x)</th>
  53. <th>Куда</th>
  54. <th>Режим</th>
  55. <th>1</th>
  56. <th>2</th>
  57. </tr>
  58. <tr>
  59. <td>2</td>
  60. <td>Рисунок</td>
  61. <td>X=300;Y=400</td>
  62. <td>25cos(x)</td>
  63. <td>Вверх</td>
  64. <td>2</td>
  65. <td>Click</td>
  66. <td>Contextmenu</td>
  67. </tr>
  68. </table>
  69. <img id="myImg" src="./sunflower_PNG13363.png" alt="" />
  70. <script src="./lab_4_2.js"></script>
  71. </body>
  72. </html>