Тема: Плавно выподающий div (Прочитано 6984 раз)

SA_ · « : 01.10.2009, 10:02:54 »

доброго времени
может кто знает как сделать так чтобы div плавно появлялся
Поискал в интернете нашёл такой пример (см ниже)
Но здесь див просто показывается, а мне хотелось бы чтоб он «выползал»

Цитировать

<script>
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
document.getElementById(id).style.display = '';
}
}
</script>

<a href="javascript:collapsElement('div11')" onfocus="this.blur()"><span id="span11">Заголовок (по нажатию видно подробная инфа)</span>[/url]
<div style="display:none" id="div11">
ну а тут подробнее...

ну а тут подробнее...

ну а тут подробнее...

ну а тут подробнее...

</div>

Если кто встречался или делал, подскажите

pS. да если не туда написал то простите и поправте

Lex1 · « **Ответ #1, :** 01.10.2009, 10:54:27 »

Используется window.setInterval и там увеличивается размер дива. Нечто подобное я делал в block-external-scripts.js
Ну и во многих фреймворках есть готовые функции для этого, если речь про сайт.

Добавлено: Чтв 01 Окт 2009 12:04:22

Код: [Выделить]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>

<script type="text/javascript">
function show(b){
		if(b.style.visibility == 'visible'){b.style.visibility = 'hidden'; return};
		var maxWidth = b.offsetWidth;
		b.style.width = 0;
		b.style.visibility = 'visible';
		var timer = window.setInterval(function(){
			var width = parseInt(b.style.width) + 20;
			if(width > maxWidth){clearTimeout(timer); width = maxWidth};
			b.style.width = width + 'px';
		}, 10);
}
</script>

<style type="text/css">
</style>

</head>
<body>
<input type="button" value="Show" onclick="show(mydiv)">

<div style="visibility:hidden;overflow:hidden;width:300px;height:300px;background-color:green;" id="mydiv">

</div>

</body>
</html>

SA_ · « **Ответ #2, :** 01.10.2009, 11:23:34 »

большое спасибо!

дальше сделаю как мне надо

Конференция Opera AC community

Новости:

Автор Тема: Плавно выподающий div (Прочитано 6984 раз)

SA_

Плавно выподающий div

Lex1

Re: Плавно выподающий div

SA_

Re: Плавно выподающий div