фото заказать сайт
  • +38 063 616 24 36
  • +38 068 885 01 63
Разработка сайтов

Разработка сайтов

Корпоративный сайт

Интернет магазин

Сайт каталог

Лєндинг

Сайт визитка

  • Вам перезвонить?
  • Рус
    • Eng
    • Tür
    • Укр
  • Главная
  • Наши услуги
  • Портфолио
  • Отзывы
  • Стоимость
  • Блог
  • Контакты
Сетка Список

Загрузка страницы через AJAX


Создайте файл test.html для замены значений в #div1, на те, которые вам надо. Демо-версия: Необходимо изменить вот этот текст, без перезагрузки страницы Начать jQuery: $(document).ready(function(){ $(«button»).click(function(){ $.ajax({url: «test.html», success: function(result){ $(«#div1″).html(result); }}); }); }); HTML: <div id=»div1»><h2>Необходимо изменить вот этот текст, без перезагрузки страницы</h2></div><button>Начать</button> Открыть файл

ЧИТАТЬ…

Скрытие блока на JS


$(function(){ $(«.block1»).click(function(){ $(«.block2»).fadeTo(1000,0); }); Демо 1 Click Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum sit, earum sed enim ipsum veniam quas fugit fuga asperiores eius quasi alias necessitatibus velit quam veritatis saepe aliquam labore ab architecto tempore ut accusantium consectetur. Laudantium, animi ea maiores magnam eligendi ad a …

ЧИТАТЬ…

Ежедневник на JS


jS $("#add").on("click", function() { var val = $("input").val(); if(val !== '') { var elem = $("<li></li>").text(val); $(elem).append("<button class='rem'>X</button>"); $("#mylist").append(elem); $("input").val(""); $(".rem").on("click",function() { $(this).parent().remove(); }); } }); CSS .rem { margin-left: 5px; background-color: white; color: red; border: none; cursor: pointer; } HTML <h3>Мой ежедневник</h3> <input type="text" placeholder="Введите запись" /> <button id="add">Добавить</button> …

ЧИТАТЬ…

Меню для сайта на JS


HTML <a class=»btn fa fa-align-justify»>Меню</a> <div class=»test»> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> CSS .test{display: none;} .test1{display: block;} JS $(«.btn»).click(function(){ $(«.test»).toggleClass(«test1»); $(«.fa-align-justify»).toggleClass(«fa-times»); }); Демо: Меню 1 2 3 4 5 6

ЧИТАТЬ…

© 2010 – 2025 Веб-студия «MSN» – С нами покоряются вершины.
Ознакомится с договором или скачать бриф для заполнения.

  • Главная
  • Портфолио
  • Рассылка
  • Продвижение
  • Контакты
Вам перезвонить?