Десятка полезных jQuery сниппетов

С каждым годом популярность jQuery не падает, а это значит, что растёт набор полезных наработок, десятку из которых вы увидите в данном посте. Данные примеры можно легко адаптировать под свои проекты.

kak-sostavit-pravilnyi-snippet-17

1. Прокрутка на начало страницы

В данном примере страница пользователя прокрутится на самый верх при клике по ссылке с id = #topid.

 

2. Дублирование заголовков колонок на конце таблицы

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

 

3. Выравнивание высоты ячеек таблицы

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

 

4. Оформление таблицы в стиле “зебра”

Опять же, для лучшей читабельности таблиц, можно оформить её в стиле “зебра”. Каждая чётная строка будет отличаться по цвету. Для этого создайте особый CSS стиль и воспользуйтесь следующим кодом.

 

5. Пред-загрузка фотографий

С помощью jQuery мы можем легко организовать пред-загрузку изображений в фоновом режиме. Просто обновите названия изображений.

 

6. Открытие всех сторонних ссылок в новом окне

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

 

7. Изменение размера блока в зависимости от области видимости

Создание div-а, размеры которого будут равны размерам окна. Замечательный сниппет для модальных окон.

 

8. Проверка надёжности пароля

Для начала HTML:

Надёжность вычисляется с помощью регулярных выражений. Возможные варианты: надёжный, средний, слабый, или недостаточно символов.

 

9. Частичное обновление контента

Если вам нужно обновлять контент какого-то блока с определённой периодичностью, то этот фрагмент кода для вас:

 

10. Проверка загрузилось ли изображение

 .

A man like james michener, who consistently https://www.homework-writer.com gives away most of what he earns writing best sellers, is certainly not driven by the desire for cash.
Вы можете оставить ответ, или trackback с вашего сайта.

Leave a Reply

Надо сделать сайт? Мы выгодно сделаем сайт! ©