Скрипты и примеры JavaScript. Все самое интересное и полезное в ДжаваСкрипт
Страшные сны Java Script. Честно предупреждаю, что тут есть и ПРИКОЛЫ! Не воспринимайте все близко к сердцу.[!] может временно нарушить работу браузера;
[
Скрипт полученя среднего или основного цвета картинки – Легко вычисляет основной цвет изображения(средний цвет) или градиент из двух цветов. Использует JavaScript и простое создание Canvas в нем.
Скрипт открытия рекламы за текущим окном через PopUnder – Открывает рекламу в новом окне за просматриваемой страницей. И да, это довольно бесящий всех формат, за который могут быть санкции поисковых систем.
Скрипт поделиться в соцсетях – Позволяет поделиться ссылкой на страницу сайта и ее заголовком в социальных сетях. Вообще не использует картинок и какого-то стороннего кода!
Скрипт слайдера картинок на простом ДжаваСкрипт и CSS – Самостоятельно вычисляет ширину картинки и пролистывает к следующей.
Скрипт защиты от скликивания рекламы на сайте (фрода, кликфрода) – Проверяем возможность установки куки у пользователя и убираем рекламу для тех посетителей, кто уже кликал по ней. Можно использовать как чистый ДжаваСкрипт, так и JavaScript + PHP.
Скрипт проверки пользователя без капчи (no captcha) – Проверяет поведение пользователя перед отправкой формы без использования капчи и выставляет ему оценку 1-5. Проверка происходит по наличию куки, движению мыши и вводу текста. Скрипт подходит для мобильных устройств.
Скрипт для изменения мета-тега viewport по клику – Ссылка для перехода с мобильной версии на полную с сохранинием результата и без перезагрузки страницы. Только JavaScript без PHP.
Скрипт случайного градиентного фона на CSS 3 – Выдает случайный градиентный фон из 4 цветов при каждой перезагрузке страницы. Цвета RGBA. Если сделать настроить прозрачность, можно получать очень симпатичные рандомные фоны.
Самый простой скрипт соцзамка - социального замка – Позволяет скрыть контент (текст, видео и т.п.) до определенного действия на странице - лайка в соцсети или подписки.
Адаптивное меню на JavaScript и CSS - из любого блока или ячейки таблицы – Небольшой ДжаваСкрипт для адаптивных сайтов, позволяющий сделать адаптивное меню с анимацией из любого блока или ячейки таблицы. Ну и стили для плавающей кнопки меню. Есть версия на Jquery.
Скрипт отслеживания клика по ифрейму (iframe), рекламе Яндекс Директ и Гугл Адснс – Этот Javascript умеет отслеживать клики (нажатия) на любой ифрейм. Например, на рекламу Яндекс Директа или Гугл Адсенса. При этом он очень простой и короткий.
Модальное окно с предложением подписаться на группу в соцсети – Скрипт при первом посещении предлагает посетителю сайта подписаться в группу любой соцсети. При закрытии, окно не появляется еще 30 дней, а при подписке - 365.
Муха. Летает по всей странице – Улучшаем поведенческие факторы, привлекаем внимание к рекламе! За мухой можно не только гоняться по всей странице, но и заставить ее облетать меню, рекламу или какие-то другие места на странице. Муху можно поймать, кликнув на нее (и даже добавить какое-то действие на нажатие). Здесь представлен самый простой пример на абсолютном рандоме.
Модальное окно при уходе с сайта – Минимально простой скрипт, чтобы оставить пользователя на сайте, собрать информацию, телефон, адрес почты или позвонить ему и проконсультировать. Работает только для заинтересовавшихся сайтом клиентов.
Параллакс (parallax) для фона – Это эффект, когда фоновая картинка движется медленнее текста при прокрутке. Так как я не очень люблю громоздкий jQuery, а эффект движущегося фона мне очень понравился, было решено сделать все на обычном Javascript. Как оказалось, все очень просто. Да и двигать можно не только фон.
Летающие по сайту картинки – Довольно забавный скрипт для шуток 1 апреля. Он заставляет все картинки на сайте покачиваться или даже летать (в зависимости от настроек).
Оповещение при блокировке рекламы – Данный скрипт выводит сообщение (или другой баннер) при блокировке рекламы на сайте. Например, если рекламу блокирует Адблок или Касперский.
Сортировка строк или списка – Скрипт может сортировать строки или список по возрастанию числа. В данном примере это делается при загрузке страницы, но можно производить сортировку и по нажатию на ссылку.
Изменение шрифта – Скрипт изменяет тип (гарнитуру) размер и цвет шрифта по нажатию на ссылку. В данном случае используется несколько примеров, но можно добавить любые другие цвета, шрифты и размеры.
Отправка формы по двойному Enter – Старый скрипт, про который я совсем забыл. Отправляет сообщение после двух нажатий кнопки Энтер (ввода). Этот вариант просто чситает количество переносов в тексте.
Печатающийся по буквам текст (как на печатной машинке) – Скрипт выводит по одному символу (букве) текста за нужный промежуток времени. Получаем эффект "печатной машинки". Выводить можно что угодно (включая оформление). При отключенном Джава Скрипте все тоже показывается корректно.
Кроссбраузерное выделение внешних ссылок на основе CSS – Показывает рядом со внешними ссылками сайта специальную иконку или любую картинку. Очень удобно для новых и постоянных пользователей сайта.
Универсальное добавление в избранное – Большинство программ позволяют добавить в избранное только в ИЕ (Интернет Эксплорер). Тут же представлен кроссбраузерный вариант добавления в закладки. Работает в Хроме, Фаерфоксе, ИЕ, Опере и Сафари.
Смена фона от времени суток – Простенький скрипт для смены дня и ночи на сайте. Как ни странно, это может очень хорошо смотреться.
Защита текста от копирования! – Универсальная защита текста от копирования посредством всех возможностей HTML, CSS и JavaScript. Не уродует текст, позволяя ему нормально интедсироваться. Ничего лучшего в интернете вы не найдете. Ну, разве что решите еще превратить текст в картинки букв.
Плавная прокрутка в Javascript – Автоматическая плавная прокрутка страницы вниз или вверх (до упора или на определенную высоту). Думаю, будет очень полезно многим.
Javascript поиск на странице – Отличный Java Script поиск на странице (в тексте страницы или любого блога). Может работать как автоматически, подсвечивая заданный текст, так и по запросу пользователя.
Наглядный ввод HTML – Один из самых полезных Джаваскриптов. Моментально показывает введенное пользователем в форму (например, чата) и с уже готовым форматированием. Так любой сможет моментально понять, как будет выглядеть текст после ввода.
Море и глубина – Автоматически постоянно прокручивает страницу вверх, вниз или вбок. Может использоваться для прокрутки чата или объявлений.
Прикол с 1000 окон [!] – Классическое открытие большого количества окон в прогрессии. Теперь практически нигде не работает (если самому не разрешить).
Тест на... БЛОНДИНИСТОСТЬ :) [!] – Узнайте, не являетесь ли вы блондинкой в интернете! Небольшой тестик никогда не помешает... Возможно. :)
Проверка зрения – Старый фокус в ИЕ с окном. Думаю, не лучшая реализация, но вышло забавно. В других браузерах может не работать.
Вопрос о зарплате – Небольшой интерактивный опрос про заработную плату. А вы хотели бы зарабатывать больше?
Кнопка БАБЛО!!! [!] – Та самая кнопка БАБЛО, о которой многие так и грезят. Не останавливаемся, нажимаем, зарабатываем деньги!
1000 000$ – Один миллион за... Вот такая древняя шутка на JavaScript.
«I LOVE YOU и 1000 000 роз!» [!] – Рекурсия в Джаваскрипт. Скрипт вызывает сам себя и выводит повторяющийся текст.
СЛОЖНЫЙ ДЛЯ ЧТЕНИЯ ТЕКСТ – Шутка над старым трешевым текстом брата. Не все удалось, реализовать, к сожалению. Я очень многое в тексте сократил, но смысл от этого не потерялся. Почти...
НЕО – Один из самых первых скриптов на сайте. Использовался для приветствия посетителя в первый раз.
O JavaScript на сайте (коротко в новом окне)
Выход
