Архив: Нужно вместо одного div bloka одновременно менялись два
Бюджет
По договоренности
Создан: 5 лет назад
Закрыт
- Описание
- На сайте динамически меняются блоки по очереди 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>
- Категория
Похожие проекты
$21
0
1
Нужно разархивировать файл archive. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы ....
1 неделя назад
0
0
Разработать впн сервис ( Приложения на ios и android + сайт для оплаты подписки). Настройка Серверов. Оплата по договоренности. Работаем черед безопасную сделку....
2 недели назад
$357
0
0
$21
0
3
Нужно разархивировать файл archive. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы ....
1 месяц назад
$214
0
1
Здравствуйте, у кого есть проект по продвижению chaturbate? Или кто-то делает?...
1 месяц назад
$21
0
0
Заказные доработки функционирующих учётно-управленческих систем на производственных предприятиях. Навыки программирования в MS SQL, VBScript, 1С, знание принципов ООП....
1 месяц назад
$36
0
2
Нужно опубликовать мобильное приложение для Android в Гугл маркет с аккаунта разработчика Гугл плей консоль, созданного ДО Ноября 2023. В рамках проекта, необходимо прислать приглашение мне на почту, чтобы я загрузила приложение и отправила его на модерацию, с сохранением безвременного доступа к моему......
1 месяц назад
$71
0
3
Сделать игру для яндекс игр, настроить рекламу в игре и помочь с публикацией игры в платформе яндекс игры. Игра - карточная игра Пасьянс Паук (косынка) Игровой процесс: Тип игры: Пасьянс Паук. Количество мастей: Игрок может выбирать количество мастей: 1, 2, 3 или 4. Подсказки: Автоматические подсказки,......
2 месяца назад
$14
0
2
Без акцента на идею, необходимо создать мобильное приложение iOs и Android, с возможностью трансляции основной информации в миниапп Tg. Интеграция с платежной системой, внутренний кошелек, две валюты. В зависимости от гео, возможность конвертации валют ч/з сервер. На старте, сервер скорее облачный. Двухфакторная......
2 месяца назад
$1200
0
0
Необходимо перевести действующую БД с версии 77 на 8 (переписать конфигурацию, настроить обработки для переноса данных). Не типовая конфигурация по учету пенсионеров в ГУ РК....
2 месяца назад
$22
9
3
требуется готовую онлайн анкету на django по приему на работу перенести в whatsapp, telegram и viber. Нужно чтобы кандидат мог с удобством заполнять анкету с телефона, а все заполненные им данные по всем позициям автоматически загружались в нашу базу данных. В нашей базе будет создаваться резюме кандидата......
2 месяца назад
$714
0
1
Описание задачи: Необходимо разработать serverless функцию на базе NestJS и TypeScript для автоматизированной обработки видеофайлов, загружаемых в Yandex Cloud Storage. Функция должна выполнять конвертацию видео в формат, поддерживаемый основными веб-браузерами, с последующим сжатием до оптимального......
2 месяца назад
$44
49
1
Трипланарная транспортная задача (отправители - транспорт - получатели) генерация исходных данных трехэтапное решение 1....
2 месяца назад
28
1
В наличии массив кадастровых номеров (КН), необходимо путем запроса на ПКК определить примерные географические координаты каждого объекта из массива КН (ОКС, ЗУ), вывести в результирующий файл эти ко-ты и ряд сопутствующих данных по этому КН....
2 месяца назад
44
7
Необходимо разработать бек и фронт мини-сервиса таким образом, чтоб его можно было развернуть внутри другого проекта....
2 месяца назад
$1111
23
0
Стоит на Бизнесе для своих нужд на простеньком базовом шаблоне, складываю туда контент потихоньку. Нужно начинать приводить в соответствие что бы публика сразу не убегала, а как то цеплялась, да и продвигать не торопясь. Шаблон где порвался от вставки баннеров подправить, для мобилок может сверстать.......
2 месяца назад
$33
31
2
$22
55
0
Парсер для сайта stockx. com на питоне (selenium/pyppeteer). Необходим следующий функционал: 1. На главной странице с поиском по ключевым словам найти первый результат из поиска (ссылку на страницу товара) ....
2 месяца назад
36
0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
2 месяца назад
83
4
37
0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
2 месяца назад
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите