Архив: Нужно вместо одного 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>
- Категория
Похожие проекты
$6
0
0
Сделать fcc 5. 8 ГГц на дроне Dji mini 4 pro пульт Dji rc2, по возможности убрать лимит высоты 500 метров. Прошивка дрона 1. 1100. Прошивка пульта 10....
1 неделя назад
0
2
Основной задачей является тестирование игрового мода для разрабатываемого нами проекта на базе GTA SAMP (San Andreas Multiplayer). Главной задачей тестирования является поиск багов, то есть недоработок игрового мода, как смысловых (система работает, но бессмысленно/не правильно) так и визуальных (метка......
1 месяц назад
0
1
Разработка виртуальной среды для Proxmox. Необходимо разработать обход обнаружения античитами видеоигр виртуальных машин на proxmox. Надо иметь возможность разделения видеокарты на несколько виртуальных машин и предоставлять прямой доступ к карте. Использовать патченное ядро, закрывающее баг RTDS обнаружения.......
2 месяца назад
$3
0
1
расшифровать или подобрать MD5 Хэш: c74d673f4042bd732ae2a287c059a9ba. начало ответа 8385626820 8385626820. хх....
4 месяца назад
0
5
Cофт для автоматической торговли токенами в сети Solana. На разработку с тестами и устранением багов выделяется 1-2 месяца, при превышении контракт расторгается!...
5 месяцев назад
0
8
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
9 месяцев назад
0
1
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
9 месяцев назад
0
3
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
10 месяцев назад
$7
0
5
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
1 год назад
0
2
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
1 год назад
$21
0
3
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
1 год назад
0
2
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine Проблема: Система обработки этих писем написана некорректная и негибкая Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
1 год назад
$37
0
4
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
1 год назад
$71
0
1
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
1 год назад
0
2
Разрабатываю десктопные программы на языке Java, а так же Java + SQL....
1 год назад
0
0
0
9
1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
1 год назад
0
7
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
1 год назад
$214
0
2
0
10
Краткое описание: Мы ищем исполнителя для тестирования функционала мобильного приложения на платформе Android. Задача включает проверку основных функций приложения, таких как работа комнаты, передача видео, звука и чата, а также создание подробной отчетности о найденных ошибках. Требования к исполнителю:......
1 год назад
0
17
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите