Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > плавно раскрывающийся div

Автор: pawa 9.8.2007, 13:30

Может есть похожая тема, но вроде бы не нашел через поиск...в общем есть код:

Код


...
<script type="text/javascript">
<!--
function switchMenu(obj) {
    var el = document.getElementById(obj);
    if ( el.style.display != "none" ) {
        el.style.display = 'none';
    }
    else {
        el.style.display = '';
    }
}
//-->
</script>
</head>

<body>
<div id="wrapper">
    <p><a onclick="switchMenu('myvar');" title="Switch the Menu">Show / Hide</a></p>
    <div id="myvar">
    <p>sample text</p>
    </div>
</div>
...

думаю все тут ясно. обычный див который скрывается/показывается при клике на ссылку над ним.
в общем вопрос мой состоит в том как бы эту штуку покрасивее сделать,ну как к примеру делают различные javascript эффекты в виде плавного сворачивания/раскрытия дива.

помогите пожалуйста smile

заранее благодарен smile

Автор: dXdYdZ 9.8.2007, 13:41

Здесь есть 2 варианта:
1) Использовать одну из готовых библиотек эффектов (например moo.fx)
2) Писать эффекты самостоятельно
В моей библиотеке есть такие эффекты, но её в инете пока нет (осталось доделать дизайн сайта). Как только доделаю - кину ссылку.

Автор: smartov 9.8.2007, 13:42

http://doc.aceweb.ru/full_8_165_modered.html

http://www.google.com/search?hl=en&q=javascript+%D1%8D%D1%84%D1%84%D0%B5%D0%BA%D1%82+%D1%80%D0%B0%D0%B7%D0%B2%D0%BE%D1%80%D0%B0%D1%87%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5&btnG=Search

Автор: pawa 9.8.2007, 13:44

Цитата(dXdYdZ @ 9.8.2007, 13:41)

а когда сайт откроется кстати?

если не сложно ты смог бы привести хотя бы один самый простейший пример, любой эффект сворачивания div'a?