Запуск функции в onload
Пытаюсь запустить функцию при загрузки страницы, пробывал по разному, не получается, ниже один из вариантов, но то же не работает.
Может кто подскажет, что не так. <head> <title>блок</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <script> function move(id) { var left = 1; var top = 1; var stepLeft = 1; var stepTop = 1; function frameLeft() { left = left + stepLeft; if (left == 100) { stepLeft = -1; //alert(left) } if (left == 0) { stepLeft = 1; } id.style.left = left + 'px'; } function frameTop() { top = top + stepTop; if (top == 150) { stepTop = -1; } if (top == 0) { stepTop = 1; } id.style.top = top + 'px'; } var timerLeft = setInterval(frameLeft, 20); var timerTop = setInterval(frameTop, 20); } </script> </head> <body onload = 'move("bloc")'> <div class="div"> <div class="LL">0</div> <div class="BG">1</div> <div class="RR">2</div> <div id="bloc"> 123 </div> </div> </body> Спасибо. |
Цитата:
Цитата:
|
В конец скрипта:
window.onload = function() { move("bloc"); }; |
Работающий вариант...
<!DOCTYPE html> <html> <head> <!-- <script src='http://code.jquery.com/jquery-latest.js'></script> <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> #bloc { position: relative; } </style> <script type='text/javascript'> function move(id) { var left = 1; var top = 1; var stepLeft = 1; var stepTop = 1; id=document.getElementById(id); function frameLeft() { left = left + stepLeft; if (left == 100) { stepLeft = -1; //alert(left) }; if (left == 0) { stepLeft = 1; }; id.style.left = left + 'px'; }; function frameTop() { top = top + stepTop; if (top == 150) { stepTop = -1; }; if (top == 0) { stepTop = 1; }; id.style.top = top + 'px'; }; var timerLeft = setInterval(frameLeft, 20); var timerTop = setInterval(frameTop, 20); } </script> </head> <body onload = 'move("bloc")'> <div class="div"> <div class="LL">0</div> <div class="BG">1</div> <div class="RR">2</div> <div id="bloc"> 123 </div> </div> </body> </html> |
Часовой пояс GMT +3, время: 02:23. |