Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 08/17/2017 in Posts

  1. Второй вариант скорее всего не работает, потому что вы задаете стили в отдельном файле, чтобы получать такие стили нужно использовать getComputedStyle Почему вы сравниваете js и jquery, написанный на нем? Это как сравнивать язык программирования с программой которая на нем написана: "почему чтобы что-то сделать на языке программирования нужно написать много строчек кода, а в программе тоже самое выполняется за одно нажатие кнопки?" Установка свойств для стилей требует обязательного указания единиц измерений, jquery просто дописывает их за вас.
    1 point
  2. elem.style может прочитать только те стили, что есть в атрибуте style элемента. Чтобы получить вычисленное значение какого-то свойства, можно воспользоваться getComputedStyle(elem). По поводу jQuery не очень понял, что не получается. В вашем случае будет примерно так: $("#sli").css('margin-left', 100 + i); // or $('#sli').css('margin-left', (undefined, value) => parseFloat(value) + 100);
    1 point
  3. Все подгрузи, скрой, а потом через js отображай по событию - клик. Или подгружай выборочно, с помощью AJAX.
    1 point
  4. Какая ещё глобальная функция ?! У вас одна и та же переменная используется в обоих функция, задайте другую для второго блока.
    1 point
  5. tor = 0 после нажатия на любую из кнопок у вас tor +=100 при следующем нажатии на другую кнопку tor уже равен 100 и к этой цифре прибавляется еще 100 = 200 если вы хотите, чтобы каждая из фигур не зависимо друг от друга двигалась на 100px, то нужно сделать для каждой отдельную переменную или получать текущее положение элемента и уже к нему добавлять 100.
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy