Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Смена текста внутри div 
V
    Опции темы
Dobermann
Дата 9.10.2010, 12:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 992
Регистрация: 7.1.2008

Репутация: нет
Всего: 0



Hi ALL

Сделал так:
Код

    <form>
        <input id="btn1" type="button" value="Страница 1"> <input id="btn2" type="button" value="Страница 2">
    </form>
    <div id="content"></div>
    
    <script>
        $(document).ready(function(){
        
            $('#btn1').click(function(){
                $.ajax({
                    url: "page1.html",
                    cache: false,
                    success: function(html){
                        $("#content").html(html);
                    }
                });
            });
            
            $('#btn2').click(function(){
                $.ajax({
                    url: "page2.html",
                    cache: false,
                    success: function(html){
                        $("#content").html(html);
                    }
                });
            });
            
        });
    </script>


Вопрос в том, как сделать эту смену "плавной"/с задержкой или еще как-нибудь
PM   Вверх
Egik2
Дата 9.10.2010, 12:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 302
Регистрация: 29.7.2008
Где: Агудзера

Репутация: 1
Всего: 11



Посмотри это:
fadeIn effect


--------------------
Три великие добродетели программиста: лень, нетерпение и самомнение (Larry Wall)
a-nav.com
developer-blog.ru
world-poetry.org
PM MAIL WWW ICQ   Вверх
Dobermann
Дата 9.10.2010, 16:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 992
Регистрация: 7.1.2008

Репутация: нет
Всего: 0



Не получается прикрутить... =\
PM   Вверх
Amphiluke
Дата 9.10.2010, 17:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112



Код

$("#content").fadeOut("slow", function() {$(this).html(html).fadeIn("slow")});

?
PM   Вверх
Dobermann
Дата 9.10.2010, 21:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 992
Регистрация: 7.1.2008

Репутация: нет
Всего: 0



thx!
[CLOSED]
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0429 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.