| |
|
|
| | Привет всем.
С jquery у меня не получилось дружить и вот замучился с простим скриптом.
Как сделать чтобы после загрузки страницы анимированно появились 3 горизонтальных div-а (с верху вниз ).
Спасибо. | |
| |
|
|
| |
|
|
| |
для: makigo
(17.02.2012 в 12:46)
| | | 1. Надо определить функцию, которая будет это делать.
function plus3div () {код функции}
|
2. Надо назначить эту функцию к исполнению после загрузки тела документа
window.onload = plus3div;
|
3. Внутри функции надо создать три этих новых дива
var dv1 = document.createElement ('DIV');
var dv2 = document.createElement ('DIV');
var dv3 = document.createElement ('DIV');
|
4. Внутри функции надо задать начальные свойства каждому из этих трёх дивов, например
dv1.innerHTML = 'Первый';
dv1.style.id = 'firstDiv';
dv1.style.background = 'red';
dv1.style.width = '123px';
dv1.style.height = '234px';
и далее всё что нужно для dv1,
а потом - для dv2 и для dv3
|
5. Внутри функции надо определить элемент, ПЕРЕД которым на странице появится каждый из трёх дивов и "приживить" каждый из них на странице, например:
var elem = document.getElementById ('p1'); //элемент, ПЕРЕД которым появится див dv1
elem.parentNode.insertBefore (dv1, elem);
и так же для второго и для третьего дивов
|
6. И после этого внутри функции надо запустить новую функцию, которая будет производить анимацию, форм и способов которой существует великое множество, но описать которую вы не сочли нужным.
Где-то так. | |
| |
|
|
| |
|
|
| |
для: ЯСА
(17.02.2012 в 13:05)
| | | спасибо большое | |
| |
|
|
