JQuery плагины: timeago- показывает сколько времени прошло с определенной даты

Плагин для JQuery под названием TimeAgo отображает сколько времени прошло с момента наступления определенной даты. Наверняка в Twitter, VKontakte да и на других менее популярных онлайн-ресурсах вы замечали, что даты публикации постов выглядят как например «добавлено 3 часа назад», «опубликовано 1 месяц назад» и т.п. Данное расширение делает тоже самое.

JQuery плагины - timeAgo

(далее…)

Опубликовано 15-11-2014 в 13:55

Решение на JavaScript для случая, когда Opera не понимает псевдокласс active

Далее приведено простое решение на JavaScript для случая, когда Opera не понимает псевдокласс CSS active:

<script>
    jQuery(function($) {
        // Для Opera:
        $('.register-page-social-auth-block a').click(function() {
            $(this).addClass('active');
        }).mouseout(function() {
            $(this).removeClass('active');
        });
    });
</script>

(далее…)

Опубликовано 17-03-2014 в 10:13

Кнопка Наверх для сайта

Далее представлен пошаговый пример реализации кнопки Наверх для вашего сайта, которая появляется только, если содержимое веб-страницы вышло за пределы окна, т.е. в окошке браузера появился вертикальный ползунок прокрутки.

Кнопка Наверх для сайта

Скачать рабочий пример

1. Подключите JQuery к сайту, и добавьте также следующий сценарий на JavaScript:

$(document).ready(function() {

  /*** Кнопка Наверх ***/
  
  $(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
      $('#to-top').fadeIn();
    } else {
      $("#to-top").hide();
    }
  });

  $('#to-top').click(function () {
    $('body,html').animate({
      scrollTop: 0
    }, 599);

    return false;
  });
  
});

(далее…)

Опубликовано 23-01-2014 в 11:39

Различные JQuery меню (и не только) для ваших сайтов

Далее представлено несколько симпатичных реализаций выпадающих меню на JQuery, которые вы при наличии некоторого количества знаний, сможете без особого труда пристроить на свои сайты.

pro_dropdown_3

JQuery меню многоуровневое вертикальное

Выпадающее многоуровневое вертикальное меню, сделанное с примением JavaScript, и не без JQuery. По внешнему виду чем-то напоминает (отдаленно) элементы пользовательского интерфейса ОС Windows Vista / темы для Windows XP и т.п. Возможно все дело в фоновых картинках?

Просмотреть Скачать
(далее…)

Опубликовано 1-01-2014 в 17:46

JQuery — как вставить элемент на страницу: .after() и .before()

Пара примеров с использованием JQuery-методов .after() и .before().

.after()

Имеем:

<script>
$(document).ready(function() {
    $("#raz-after").after("<p>JQuery - метод .after()</p>");
});
</script>
<div class="tak-dlya-primera">
    <div id="raz-after">
    </div>
</div>

Получаем:

<div class="tak-dlya-primera">
    <div id="raz-after">
    </div><p>JQuery пример с методом .after()</p>
</div>

(далее…)

Опубликовано 9-12-2013 в 16:52

JQuery — как вставить элемент на страницу: .append() и .prepend()

Несколько не сильно сложных примеров с JQuery-методами .append(), .prepend().

.append()

Было:

<script>
$(document).ready(function() {
    $("#demka-odin").append("<p>JQuery пример с методом .append()</p>");
});
</script>
<div class="obichnii-div">
    <div id="demka-odin">
    </div>
</div>

Станет:

<div class="obichnii-div">
    <div id="demka-odin">
    <p>JQuery пример с методом .append()</p></div>
</div>

Как видим метод .append() вставляет тег между тегами блочных div-элементов под общим идентификатором #demka-odin. (далее…)

Опубликовано 9-12-2013 в 15:56

JQuery — как вставить элемент на страницу: .insertAfter(), .insertBefore()

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

.insertAfter()

Имеем:

<script>
$(document).ready(function() {
    $("<p>Пример первый</p>").insertAfter("#primer-pervii");
});
</script>
<div class="prosto-div">
    <div id="primer-pervii">
    </div>
</div>

Получим:

<div class="prosto-div">
    <div id="primer-pervii">
    </div><p>Пример первый</p>
</div>

Как видим абзац вставился ПОСЛЕ заданного элемента. (далее…)

Опубликовано 9-12-2013 в 15:30



Свежие комментарии

  • Радик: к записи Помогите, не получается спарсить. Вот тут #ire »
  • Администратор: к записи Когда меняете пароль к базе в панели управления хо »
  • Александр: к записи Добрый день! Подскажите пожалуйста есть макхост на »
  • Администратор: к записи Зависимость - от версий JQuery разве что и того, ч »
  • VellioN: к записи Есть какая нибудь зависимость от модулей друпал на »
  • VellioN: к записи Здравствуйте, у меня возникли проблемы. Сделал все »
  • Администратор: к записи Погуглите по теме FancyBox или LightBox скриптов. »

Статистика спама

Последние твиты