Форумы портала PHP.SU :: Версия для печати

1. Платинум - 03 Февраля, 2010 - 17:24:54 - перейти к сообщению

Приветствую.
Хотел бы спросить как можно сделать так же как и на этом сайте.
Меня именно интересует плавное появление контента, сверху -> вниз !
Если правильно я понял тут используется JavaScript
Сам сайт: http://la2pro[dot]ru/

2. valenok - 04 Февраля, 2010 - 10:00:36 - перейти к сообщению

Как можно сделать?
1. Поставить задачу
1.1 Изучить существующую реализацию
2. Составить алгоритм
3. Реализовать выбранный алгоритм

3. Платинум - 04 Февраля, 2010 - 12:35:03 - перейти к сообщению

valenok,
вот именно это я и хотел спросить, подскажите хотя бы откуда копать, а то хочется сделать, а как начать не знаю... ??? Непонял!

(Добавление)
Обчесав внимательно скрипт того сайта, я понял как все это работает. Уже все сделал.[i][/i]

4. JustUserR - 04 Февраля, 2010 - 13:38:04 - перейти к сообщению

Платинум Может использовать Iframe-загрузку или обычный AJAX но с последовательной загрозкой блоков с приоритетом сверху-вниз - что касается плавности то можно использовать простые графические эффекты

5. Phantik - 04 Февраля, 2010 - 14:05:17 - перейти к сообщению

Все больше и больше прихожу к выводу, что javascript надо начинать изучать сразу с jquery.

6. Платинум - 04 Февраля, 2010 - 15:05:23 - перейти к сообщению

Вообшем вот я составил такой код и все заработало как надо:

PHP:
скопировать код в буфер обмена

 
<script src="images/jquery00.js" type="text/javascript"></script>
<script type="text/javascript">
                
 
        function loadMenu(menupagename)
        {
                $('#submenufon').slideUp(1000, function() {
                        $('#submenu').load(menupagename, function() {
                                $('#submenufon').slideDown(1000);
                        });
                });
        }
        function loadPage(divname, pagename)
        {
                $('#'+divname).slideUp(1000, function() {
                        $('#'+divname).load(pagename, function() {
                                $('#'+divname).slideDown(1000);
                        });
                });
        }
        function loadPageAndHideMenu(divname, pagename)
        {
                $('#submenufon').slideUp(1000);
                loadPage(divname, pagename);
        }
</script>
 
 
 
<a href="index.php?p=mainpage" onclick="loadPageAndHideMenu('mainpage','pages/mainpage.php'); return false" onMouseOver="document.mainpic.src='images/bmain.png'" onMouseOut="document.mainpic.src='images/bmain.png'">
                                                <img src="images/bmain000.png" name="mainpic" border="0">
                                    </a>
                                                
                                                
<?
if(isset($_GET['p']) and $_GET['p'] != '')
{
include('pages/'.$_GET['p'].'.php');
}
?>      
 