Reg.ru: домены и хостинг
Крупнейший регистратор и хостинг-провайдер в России.
Более 2 миллионов доменных имен на обслуживании.
Продвижение, почта для домена, решения для бизнеса.
Более 700 тыс. клиентов по всему миру уже сделали свой выбор.
Бесплатный Курс "Практика HTML5 и CSS3"
Освойте бесплатно пошаговый видеокурс
по основам адаптивной верстки
на HTML5 и CSS3 с полного нуля.
Фреймворк Bootstrap: быстрая адаптивная вёрстка
Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.
Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.
Верстайте на заказ и получайте деньги.
Бесплатный курс "Сайт на WordPress"
Хотите освоить CMS WordPress?
Получите уроки по дизайну и верстке сайта на WordPress.
Научитесь работать с темами и нарезать макет.
Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!
*Наведите курсор мыши для приостановки прокрутки.
Изображение из черно-белого в цветное с помощью jQuery
|
|
Размер: 8,2 Мб. Длительность: 5 мин. 50 сек. |
В этом видео мы рассмотрим с вами простой скрипт, позволяющий добиваться красивого и стильного эффекта.
Изначально у нас есть черно-белые картинки, которые становятся цветными при наведении курсора мыши.
Для работы скрипта нужно подготовить по две картинки для каждого предполагаемого элемента галереи.
Одна картинка должна быть черно-белой. Другая же - цветной.
Наличие двух версий одного изображения и позволяет нам осуществлять плавный эффект их смены при наведении курсора мыши.
Для создания эффекта используется функция animate из JavaScript-библиотеки jQuery.
Используйте этот простой и функциональный скрипт для создания стильных фотогалерей, портфолио и других вещей подобного плана.
Вы можете просмотреть этот урок прямо сейчас, либо скачать его себе на компьютер по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
