Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/7: Рейтинг темы: голосов - 7, средняя оценка - 5.00
twatter

Как реализовать плавную замену блоков (почти готовый скрипт)

15.04.2013, 20:08. Показов 1404. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В javas я не селен, поэтому прошу помощи.
Есть скрипт который заменят один блок на другой. Нужно сделать так, чтоб действие происходило плавно. Как это сделать?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script>
 
function On() {
    var o=document.getElementById('wrapper_span')
    o=o.getElementsByTagName('span')
    var ok=false
    for (var i=0; i<o.length; i++) {
        if (o[i].className=='on') {
            o[i].className='off'
            if (o[i+1]) {
                o[i+1].className='on'
                ok=true
            }
            break
        }
    }
    if (!ok) {
        o[0].className='on'
    }
    
}
</script>
 
 
<div id="wrapper_span">
 
   <div class="on"></div>
   <div class="off"></div>
 
</div>
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
15.04.2013, 20:08
Ответы с готовыми решениями:

Почти готовый скрипт
есть скрипт, но не могу сделать так, чтобы база обновлялась, в чем косяк, подскажите, вот скрипт (база во время скрипта открыта): ...

Перемещение блоков (почти как слайдер)
Подскажите как можно реализовать перемещение блоков на странице подобное можно увидеть на сайте - https://athemes-003.ucoz.ru раздел...

Реализовать плавную прокрутку
Здравствуйте. Меня волнует (точнее, очень-очень БЕСИТ) один момент: когда в приложениях, созданных с помощью VB6 прокручиваешь объект с...

1
Дзен-программист
 Аватар для xenohunter
122 / 87 / 16
Регистрация: 10.04.2013
Сообщений: 253
16.04.2013, 10:40
twatter, во-первых, для плавной анимации используйте, к примеру, jQuery (я просто боюсь представить, что будет, если вы поступите иначе). Во-вторых, вот код:

HTML5
1
2
3
4
5
6
<button id="changer">Изменить</button>
 
<div id="wrapper">
    <div>Данные</div>
    <div style="display: none;">Другие данные</div>
</div>
JavaScript
1
2
3
$('#changer').on('click', function () {
    $('#wrapper > div').fadeToggle();
});
В-третьих: хорошо, если вы не селен, тогда какой элемент?
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
16.04.2013, 10:40
Помогаю со студенческими работами здесь

Частотный словарь (почти готовый)
Доброй ночи. Помогите пожалуйста закончить программку. Задание: разработать приложение, позволяющее строить частотный словарь для...

Jython как компилировать готовый скрипт?
Jython как компилировать готовый скрипт? ос ubuntu 13.04 помогите а

Как установить готовый скрипт сайта ?
Нужно сделать сайт торговой площадки по принципу (Avito, Ebay), опыт в WEB-программировании только поверхностный, поэтому решил...

Как реализовать замену по всему массиву?
Подскажите пожалуйста как реализовать замену по всему массиву? Дан массив, который содержит строки, заменяться должны слова в каждой...

Внедрить части кода в почти готовый финальный проект
Здравствуйте, я делаю проект в делфи и никак не могу внедрить часть кода туда:cry: Вот задание: Пусть дана прямоугольная матрица А(N x...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются
Maks 31.03.2026
1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 31.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru