Javascript:
программный код
/*
Название функции: Прокрутка
Прокрутка (объект, ч, с)
Описание параметра:
obj,[объект] значение идентификатора или объекта.
h,[высота] Высота после расширения. Необязательно (по умолчанию — 200 пикселей).
s, [скорость] скорость расширения. Чем меньше значение, тем медленнее скорость расширения. Необязательно (по умолчанию — 1,2) {рекомендуемое значение — от 1,1 до 2,0 [например: 1,17]}.
Возвращаемое значение функции:
истинное расширение (высота объекта равна увеличенной высоте)
false off (высота объекта равна исходной высоте)
*/
functionScroll(obj, h, s){
вар ч = ч || 200;
вар с = с ||
вар obj = typeof(obj)=="string"?document.getElementById(obj):obj;
if(obj == undefined){вернуть ложь;}
var status = obj.getAttribute("status")==null;
вар ой = parseInt(obj.offsetHeight);
obj.style.height = ох;
obj.style.display = "блок";
obj.style.overflow = "скрытый";
if(obj.getAttribute("oldHeight") == null){
obj.setAttribute("oldHeight", о);
}еще{
var oldH = Math.ceil(obj.getAttribute("oldHeight"));
}
вар reSet = функция(){
если (статус) {
если(о <ч){
oh = Math.ceil(h-(h-oh)/s);
obj.style.height = oh+"px";
}еще{
obj.setAttribute("статус", false);
window.clearInterval(IntervalId);
}
}еще{
obj.style.height = oldH+"px";
obj.removeAttribute("статус");
window.clearInterval(IntervalId);
}
}
varIntervalId = window.setInterval(reSet,10);
статус возврата;
}
window.onload= функция(){
var $ = функция (id) {return document.getElementById (id)};
$('btn').onclick = функция(){
Прокрутка('test',this.scrollHeight,1.2);
}
$('меню').onclick = функция(){
Прокрутка('меню',this.scrollHeight,1.2);
}
}
HTML-код:
программный код
<дл>
<dt id="btn" style="cursor:pointer; background-color:#009999; width:200px;">Развернуть и свернуть</dt>
<dd id="test" style="background-color:#33CCCC; переполнение: скрыто; ширина: 200 пикселей; высота: 0;">
содержание
</дд>
</дл>
программный код
<div id="menu" style="border:1px Solid #ccc;ширина:160px;высота:16px;text-align:center;курсор:указатель;переполнение:скрытый;">
контент контент контент контент контент
</div>