Перейти к содержимому


Подправить Скрипт


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Trend78

Trend78

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 20 Декабрь 2015 - 16:42

Добрый день
Вобщем есть скрипт,которые открывает и закрывает корзину при наведении на кнопку, открывается моментально,а надо что бы плавно
$('.cart').hover(function () {
$('.js-hideBackground').remove();
$('.listCart').addClass('show');

replaceDelUrl();
return false;
},
function () {
$('.listCart').removeClass("show");
});
Заранее спасибо

#2 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 21 Декабрь 2015 - 17:25

Просмотр сообщенияTrend78 (20 Декабрь 2015 - 16:42) писал:

Добрый день
В общем есть скрипт,которые открывает и закрывает корзину при наведении на кнопку, открывается моментально,а надо что бы плавно
$('.cart').hover(function () {
$('.js-hideBackground').remove();
$('.listCart').addClass('show');

replaceDelUrl();
return false;
},
function () {
$('.listCart').removeClass("show");
});
Заранее спасибо

Здравствуйте,  в main.js замените код:

$('.listCart').addClass('show');
на
$('.listCart').slideDown(500);

затем там же замените код:

$('.listCart').removeClass("show");

на код

$('.listCart').slideUp(500);

Затем переходим в  main.css, находим код:

.listCart {
position: absolute;
margin-top: 19px;
right: 10px;
top: 13px;
display: none;
width: 300px;
padding: .6em;
opacity: 0;
border: 1px solid #525252;
background: #d8e0ee;
box-shadow: 0 1px 3px #d8d8d8;
border-radius: 8px;
z-index: 10;
}

заменяем на

.listCart {
position: absolute;
margin-top: 19px;
right: 10px;
top: 13px;
display: none;
width: 300px;
padding: .6em;
border: 1px solid #525252;
background: #d8e0ee;
box-shadow: 0 1px 3px #d8d8d8;
border-radius: 8px;
z-index: 10;
}


#3 Trend78

Trend78

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 21 Декабрь 2015 - 20:32

Просмотр сообщенияЮля123 (21 Декабрь 2015 - 17:25) писал:

Здравствуйте,  в main.js замените код:

$('.listCart').addClass('show');
на
$('.listCart').slideDown(500);

затем там же замените код:

$('.listCart').removeClass("show");

на код

$('.listCart').slideUp(500);

Затем переходим в  main.css, находим код:

.listCart {
position: absolute;
margin-top: 19px;
right: 10px;
top: 13px;
display: none;
width: 300px;
padding: .6em;
opacity: 0;
border: 1px solid #525252;
background: #d8e0ee;
box-shadow: 0 1px 3px #d8d8d8;
border-radius: 8px;
z-index: 10;
}

заменяем на

.listCart {
position: absolute;
margin-top: 19px;
right: 10px;
top: 13px;
display: none;
width: 300px;
padding: .6em;
border: 1px solid #525252;
background: #d8e0ee;
box-shadow: 0 1px 3px #d8d8d8;
border-radius: 8px;
z-index: 10;
}
Спасибо)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных