Главная / Архив проектов / Программирование/Веб-Программирование

Архив: Нужно вместо одного 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>

Категория: Программирование, Веб-Программирование

Опубликовать аналогичный проект Посмотреть похожие проекты

Похожие проекты

$22

9 0

Подключить анкету на django к мессенджерам

требуется готовую онлайн анкету на django по приему на работу перенести в whatsapp, telegram и viber. Нужно чтобы кандидат мог с удобством заполнять анкету с телефона, а все заполненные им данные по всем позициям автоматически загружались в нашу базу данных. В нашей базе будет создаваться резюме кандидата......

Программирование, Базы данных

1 год назад

28 0

скрипт, парсер по сбору данных с публичной кадастровой карты

В наличии массив кадастровых номеров (КН), необходимо путем запроса на ПКК определить примерные географические координаты каждого объекта из массива КН (ОКС, ЗУ), вывести в результирующий файл эти ко-ты и ряд сопутствующих данных по этому КН....

Программирование

1 год назад

44 1

Разработать бек и фронт сервиса

Необходимо разработать бек и фронт мини-сервиса таким образом, чтоб его можно было развернуть внутри другого проекта....

Программирование, Веб-Программирование

1 год назад

$1111

23 0

Требуются доработки сайта и поддержка Битрикс

Стоит на Бизнесе для своих нужд на простеньком базовом шаблоне, складываю туда контент потихоньку. Нужно начинать приводить в соответствие что бы публика сразу не убегала, а как то цеплялась, да и продвигать не торопясь. Шаблон где порвался от вставки баннеров подправить, для мобилок может сверстать.......

Программирование, Веб-Программирование

1 год назад

$22

55 0

Парсинг сайта

Парсер для сайта stockx. com на питоне (selenium/pyppeteer). Необходим следующий функционал: 1. На главной странице с поиском по ключевым словам найти первый результат из поиска (ссылку на страницу товара) ....

Программирование

1 год назад

$33

31 1

Вытаскивание юзера из ТикТок браузера в Google Chrome

...

Программирование

1 год назад

$44

49 0

транспортная задача. С++ консольное приложение

Трипланарная транспортная задача (отправители - транспорт - получатели) генерация исходных данных трехэтапное решение 1....

Программирование, Прикладное программирование

1 год назад

$1111

48 0

Написать парсер для маркетплейса приложения(нет сайта).

Требуется написать парсер маркетплейса, у которого есть только мобильное приложение (IOS, Android). Есть исходный код Android приложения (Java + Kotlin), реверснутый через JADX. Необходимо парсить данные о товарах, полученные по артикулу. За подробностями тг: @markermann)....

Программирование

1 год назад

83 4

Разработать мобильное приложение для АЗС

...

Программирование, Разработка мобильных приложений

1 год назад

70 2

софт/бот/скрипт обходчик по сайту

...

Программирование

1 год назад

38 0

Софт для рассылки на Ebay Kleinanzeigen

Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....

Программирование

1 год назад

36 0

Софт для рассылки на Ebay Kleinanzeigen

Программирование

1 год назад

37 0

Софт для рассылки на Ebay Kleinanzeigen

Программирование

1 год назад

31 0

Софт для рассылки на Ebay Kleinanzeigen

Программирование

1 год назад

40 1

Софт для рассылки на Ebay Kleinanzeigen

Программирование

1 год назад

$22

59 1

Интеграция Getcourse и рассрочка от Сбербанка

В Геткурсе нужно сделать интеграцию со Сбербанком для оформления рассрочки/кредита. Основная задача – передача суммы и номера заказа при переходе для оформления рассрочки и возврат сведений при удачном оформлении. Эквайринг от Сбербанка к Геткурсу подключён, а готовой интеграции для рассрочки нет. Если......

Программирование

1 год назад

96 0

Бот перехватчик заказов taxi driver(такси везет)

Нужно сделать бот перехватчик заказов по фильтру такси Максим!...

Программирование

1 год назад

$33

75 1

Загрузка фото из альбома там где нельзя. Мост.

Как можно загрузить готовое фото из галереи, если приложение просит загрузить фото и при этом открывает камеру телефона? Нужно вместо использования реальной камеры смоделировать вход камеры и при этом загрузить фото из галереи....

Программирование

1 год назад

105 8

Интерактивные карты

...

Программирование, Веб-Программирование

1 год назад

85 1

Изменить приложение для xposed

...

Программирование, Разработка мобильных приложений

1 год назад