Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Сделать Плавно выдвигающиеся DIV (https://javascript.ru/forum/misc/10400-sdelat-plavno-vydvigayushhiesya-div.html)

pavdin 02.07.2010 15:22

Сделать Плавно выдвигающиеся DIV
 
День добрый всем!
Помогите пожалуйста, мучаюсь уже два дня.

Вот страница http://cp183477.cpanel.tech-logol.ru/gaz-vrn.htm

Задача следующая, как сделать, что бы при наведении на выдвигающиеся ящичек стола, Div выдвигался вниз.... а убираешь курсор, задвигался назад.

Заранее спасибо!!!

Vulkan 02.07.2010 15:29

Стучи в асю - 6898996, помогу сделать, уже сталкивался с таким.

exec 02.07.2010 16:17

У меня тут завалялся код, разберёшься:

function slide(obj, direction, a) {
	clearInterval(window.z);
	counter = 0;
	z = setInterval(function () {
		if (a ? parseInt(obj.style.marginTop) < 0 : parseInt(obj.style.marginTop) > -300) {
			obj.style.marginTop = parseInt(obj.style.marginTop) + direction;
			counter++;
		} else {
			clearInterval(z);
		}
	},
	10);
}
var pad = document.getElementById('x');
pad.onmouseover = function () {
	slide(this, 3, true);
}
pad.onmouseout = function () {
	slide(this, -3, false);
}


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