Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Выезжающие\уезжающие div при загрузке страницы (https://javascript.ru/forum/dom-window/31954-vyezzhayushhie%5Cuezzhayushhie-div-pri-zagruzke-stranicy.html)

goodkot 27.09.2012 15:27

Выезжающие\уезжающие div при загрузке страницы
 
Всем доброго дня!
Нужна ваша помощь (поиск к сожалению ничего не дал)

При загрузке страницы сайта,
3 слоя как бы выезжают слева (лого, меню, контент)

При переходе на другую страницу, слои скрываются (уезжают обратно)
Затем происходит аналогичная загрузка другой страницы.

Данную реализацию я подсмотрел на oleshko.info, но в яве слаб, не смог найти.

Прошу помощи, спс.

goodkot 28.09.2012 08:58

Тему можно помечать как *РЕШЕНО и закрывать.

Делюсь решением:

### CSS можно двигать за пределы экрана, единственное что мне не нравится, когда уводишь за пределы экрана, появляется скролл во время анимации.

--------------

<html>
<head><script>
function move(id) {
div=document.getElementById(id);
if(parseInt(div.style.left)<200) {
div.style.left=parseInt(div.style.left)+2+"px";
setTimeout("move('"+id+"')",1);
}
}
</script>
</head>
<body onLoad="move('d')">
<input type="button" value="Йа кнопко" onLoad="move('d')"/>
<div id="d" style="position:absolute;left:-100px;border:1px solid #000;width:100px;text-align:center;">
Я бегу бегу бегу
</div> </body></html>


Часовой пояс GMT +3, время: 06:43.