Выезжающие\уезжающие div при загрузке страницы
Всем доброго дня!
Нужна ваша помощь (поиск к сожалению ничего не дал) При загрузке страницы сайта, 3 слоя как бы выезжают слева (лого, меню, контент) При переходе на другую страницу, слои скрываются (уезжают обратно) Затем происходит аналогичная загрузка другой страницы. Данную реализацию я подсмотрел на oleshko.info, но в яве слаб, не смог найти. Прошу помощи, спс. |
Тему можно помечать как *РЕШЕНО и закрывать.
Делюсь решением: ### 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, время: 05:31. |