Архив: Нужно вместо одного div bloka одновременно менялись два
Бюджет
По договоренности
Создан: 7 лет назад
Закрыт
- Описание
- На сайте динамически меняются блоки по очереди https://prnt.sc/looj2h
Нужно вместо одного менялись два,второй начинал меняться снизу..
<div class="aslg"><a href="3D-Modelirovanie" class="ilk">3D моделирование</a><br> <a href="poiskovie-sistemi-seo" class="ilk">Поисковые системы (SEO)</a></div>
<div class="abca" style="display:none;"><a href="3D-Modelirovanie" class="ilk" style="font-size:33px;">3D моделирование</a></div>
<div class="bbca" style="display:none;width:250px; height:124px!important;"><a href="socialnie-seti-smm-smo" class="ilk" style="font-size:33px;">Социальные сети (SMM и SMO)</a></div> <div class="bslg"><a href="socialnie-seti-smm-smo" class="ilk">Социальные сети (SMM и SMO)</a><br>
<a href="kontekstnaya-reklama" class="ilk">Контекстная реклама</a><br><br>
<a href="banneri" class="ilk">Баннеры</a></div>
<div class="zslg"><a href="dizayn-mobilnih-prilozheniy" class="ilk">Дизайн мобильных приложений</a><br>
<a href="dizayn-saytov" class="ilk">Дизайн сайтов</a></div>
<div class="zbca" style="display:none;height:70px;"><a href="dizayn-saytov" class="ilk" style="font-size:33px;">Дизайн сайтов</a></div>
<div class="dslg"><a href="ikonki-i-pixel-art" class="ilk">Иконки и Пиксель-арт</a><br><br>
<a href="napolnenie-saytov" class="ilk">Наполнение сайтов</a></div>
<div class="dbca" style="display:none;height:89px;"><a href="napolnenie-saytov" class="ilk" style="font-size:33px;">Наполнение сайтов</a></div>
<div class="eslg">
<a href="teksti-i-perevodi" class="ilk">Тексты и Переводы</a><br>
<a href="copywriting" class="ilk">Копирайтинг</a><br>
<a href="rewriting" class="ilk">Рерайтинг</a><br><br></div>
<div class="ebca" style="display:none;height:124px;"><a href="copywriting" class="ilk" style="font-size:33px;"><br>Копирайтинг</a></div>
<div class="fslg">
<a href="programmirovanie_po_i_sistem" class="ilk">Программирование ПО и систем</a><br>
<a href="administrirovanie-saytov" class="ilk">Администрирование сайтов</a><br>
<a href="1C-programmirovanie" class="ilk">1С-программирование</a></div>
<div class="fbca" style="display:none;height:105px;"><a href="programmirovanie_po_i_sistem" class="ilk" style="font-size:33px;">Программирование ПО и систем</a></div>
<div class="kslg" style="height:70px;"><a href="bazy-dannih" class="ilk">Базы данных</a><br>
<a href="po-dlya-mobilnih-usrtoistv" class="ilk">ПО для мобильных устройств</a></div>
<div class="kbca" style="display:none;"><a href="po-dlya-mobilnih-usrtoistv" class="ilk" style="font-size:28px;">ПО для мобильных устройств</a></div>
<div class="hslg" style="height:70px;"><a href="prikladnoe-po" class="ilk">Прикладное ПО</a><br>
<a href="sistemnoe-programmirovanie" class="ilk">Системное программирование</a></div>
<div class="hbca" style="display:none;"><a href="sistemnoe-programmirovanie" class="ilk" style="font-size:28px;">Системное программирование</a></div>
<br>
<div class="islg">
<a href="audio-video-multimedia" class="ilk">Аудио, Видео и Мультимедиа</a><br>
<a href="grafika-i-fotografii" class="ilk">Графика и Фотографии</a></div>
<div class="ibca" style="display:none;"><a href="grafika-i-fotografii" class="ilk" style="font-size:33px;">Графика и Фотографии</a></div>
</div>
<script type="text/javascript"> function animate_left(left_data,num) {
$.each(left_data,function(index,value) {
var that_l = this;
var l_l = setTimeout(function() {
$('.'+value+'a').animateCss('fadeOut slower', function() {
$('.'+value+'a').hide();
$('.'+value+'z').animateCss('fadeIn slower', function() {
$('.'+value+'z').animateCss('fadeOut slower', function() { $('.'+value+'z').hide(); $('.'+value+'a').addClass('animated fadeIn slower').show(); });
}).show();
});
if(index==num) { setTimeout(function() { animate_left(left_data,num); },6100); }
}, 6000 * index); //2000 - задержка между появлениями 2 сек.
});
}
function animate_right(d,num) {
$.each(d,function(index,value) {
var that = this;
var t = setTimeout(function() {
$('.'+value+'slg').animateCss('fadeOut slower', function() {
$('.'+value+'slg').hide();
$('.'+value+'bca').animateCss('fadeIn slower', function() {
$('.'+value+'bca').animateCss('fadeOut slower', function() { $('.'+value+'bca').hide(); $('.'+value+'slg').addClass('animated fadeIn slower').show(); });
}).show();
});
if(index==num) { setTimeout(function() { animate_right(d,num); },10000); }
}, 9000 * index); //2000 - задержка между появлениями 2 сек.
});
}
$( document ).ready(function() {
$.fn.extend({
animateCss: function(animationName, callback) {
var animationEnd = (function(el) {
var animations = {
animation: 'animationend',
OAnimation: 'oAnimationEnd',
MozAnimation: 'mozAnimationEnd',
WebkitAnimation: 'webkitAnimationEnd',
};
for (var t in animations) {
if (el.style[t] !== undefined) {
return animations[t];
}
}
})(document.createElement('div'));
this.addClass('animated ' + animationName).one(animationEnd, function() {
$(this).removeClass('animated ' + animationName);
if (typeof callback === 'function') callback();
});
return this;
},
});
var d = ['b','a','z','d','e','f','h','g','i','k']; // class блоков, aslg,bslg,cslg,dslg итд, правый бок, для рандома меняйте не по порядку а,d,c,b,e
var d_left = ['a','b','c']; // class блоков, aslg,bslg,cslg,dslg итд, леый бок
var d_left_low = ['e','d'];
//Правое менню
setTimeout(function() {
animate_right(d,9);
},3000);
//Левое менню
animate_left(d_left,2);
animate_left(d_left_low,1);
});
</script>
- Категория
Похожие проекты
0
3
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
2 месяца назад
0
0
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
2 месяца назад
0
1
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
2 месяца назад
$7
0
1
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
4 месяца назад
0
0
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
5 месяцев назад
$21
0
2
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
7 месяцев назад
0
1
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine Проблема: Система обработки этих писем написана некорректная и негибкая Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
7 месяцев назад
$37
0
1
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
7 месяцев назад
$71
0
0
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
7 месяцев назад
0
0
Разрабатываю десктопные программы на языке Java, а так же Java + SQL....
7 месяцев назад
0
0
0
6
1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
8 месяцев назад
0
4
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
8 месяцев назад
$214
0
1
0
7
Краткое описание: Мы ищем исполнителя для тестирования функционала мобильного приложения на платформе Android. Задача включает проверку основных функций приложения, таких как работа комнаты, передача видео, звука и чата, а также создание подробной отчетности о найденных ошибках. Требования к исполнителю:......
9 месяцев назад
0
12
$143
0
0
Oпpocы (1008pyб/чaс) Заходитe на сaйт: gonsù....
10 месяцев назад
0
4
Требуется создать скрипт для premiere pro. Данная суть скрипта: в выделеном бине нужно что бы автоматически проставлялся in out ровно по серидине файла так что бы выделенная область была длиной 3 секунды. И требуется кнопка что бы работало через окно expressions. Проблема текущего в том что он не работает......
10 месяцев назад
0
2
Нужно создать приложения под гемблинг/беттинг, на котлин. Приложение должно работать Firebase. Детали вышлю при обсуждение....
10 месяцев назад
$21
0
4
Нужно разархивировать файл archive. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы ....
1 год назад
0
3
Разработать впн сервис ( Приложения на ios и android + сайт для оплаты подписки). Настройка Серверов. Оплата по договоренности. Работаем черед безопасную сделку....
1 год назад
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите