Frozzeg
<a href="#" onClick="showMyDiv();">Show my div</a>
<div id="my-div" style="height: 0; overflow: hidden;">
text text text text text text text text text text text
</div>
А дальше плясать от setInterval();
Форум → Программирование → JavaScript → Плавно выдвигающийся див
Страницы: ← Предыдущая страница • Следующая страница →
27 ноября 2008 г. 11:23, спустя 7 минут 18 секунд
<a href="#" onClick="showMyDiv();">Show my div</a>
<div id="my-div" style="height: 0; overflow: hidden;">
text text text text text text text text text text text
</div>
27 ноября 2008 г. 23:08, спустя 11 часов 44 минуты 35 секунд
Все равно, ради одного дива 30кб? Мне как-то проще функцию в максимум 10 строк написать :)
28 ноября 2008 г. 1:22, спустя 2 часа 13 минут 37 секунд
28 ноября 2008 г. 1:22, спустя 19 секунд
28 ноября 2008 г. 3:12, спустя 1 час 49 минут 56 секунд
программист, не успользующей фреймворков считается быдлом?
28 ноября 2008 г. 3:13, спустя 1 минуту 3 секунды
28 ноября 2008 г. 3:15, спустя 1 минуту 38 секунд
var height = 100;
function slide()
{
if (height != 0)
{
document.getElementById('some').style.height = height–;
setTimeout(slide, 10);
}
}
28 ноября 2008 г. 3:27, спустя 12 минут 24 секунды
function slide()
{
if (height >= 0)
{
document.getElementById('some').style.height–;
setTimeout(slide, 10);
}
}
28 ноября 2008 г. 3:28, спустя 41 секунду
function slide()
{
if (document.getElementById('some').style.height+0 > 0)
{
document.getElementById('some').style.height–;
setTimeout(slide, 10);
}
}()
28 ноября 2008 г. 3:51, спустя 22 минуты 32 секунды
var x = 0;
function slide()
{
if (x == 0)
{
x = document.getElementById('some').style.height.slice(0, -2);
}
if (x > 0)
{
x–;
document.getElementById('some').style.height = x;
setTimeout(slide, 10);
}
}
28 ноября 2008 г. 4:00, спустя 8 минут 51 секунду
document.getElementById('some').style.height+0
height.slice(0, -2)
28 ноября 2008 г. 4:02, спустя 2 минуты 30 секунд
var i = 0;
function slide(id)
{
if (i == 0)
{
i = document.getElementById(id).style.height.slice(0, -2);
}
if (i > 0)
{
document.getElementById(id).style.height = i–;
setTimeout('slide(\'' + id + '\')', 10);
}
}
вот это мне ваще не понятно
28 ноября 2008 г. 4:21, спустя 18 минут 20 секунд
вот это мне ваще не понятно
Удаляет «px» в конце значения высоты блока.
28 ноября 2008 г. 4:36, спустя 15 минут 43 секунды
function slide(id, height, i)
{
var element = document.getElementById(id);
element.style.display = 'block';
if (i != height)
{
i++;
element.style.height = i;
setTimeout('slide(\'' + id + '\', \'' + height + '\', \'' + i + '\')', 10);
}
}
function unslide(id, i)
{
if (i == 0)
{
i = document.getElementById(id).style.height.slice(0, -2);
}
if (i != 0)
{
i–;
document.getElementById(id).style.height = i;
setTimeout('unslide(\'' + id + '\', \'' + i + '\')', 10);
}
}
Страницы: ← Предыдущая страница • Следующая страница →
Пожалуйста, авторизуйтесь, чтобы написать комментарий!