Записи, помеченные ‘Jquery’
-
Создание рекламного щита с использованием jQuery и CSS
Очень интересно создавать то, что обычно делается на flash, используя только CSS и jQuery. В этом уроке мы таким образом создадим поворачивающийся рекламный шит. Мы будем использовать изображения, CSS и jQuery, чтобы создать поворачивающийся рекламный щит с двумя рекламными изображениями. Основная задача, — чтобы один набор фрагментов изображения исчезал, пока другой набор с другим рекламным изображением [...]
Далее... 6 Комментариев » -
Простая контент-галерея с использованием jQuery и CSS3
В этом уроке мы будем создавать автоматически меняющуюся контент-галерею, используя jQuery и CSS3. Основная задача — изменить фоновое изображение и плавно изменить заголовок и описание. При нажатии на элемент меню функция автоматического изменения останавливается, и выезжают соответствующие материалы.
Далее... 3 Комментариев » -
Улучшенное выезжающее меню с использованием CSS и jQuery
В этом уроке мы разовьем тему, начатую ранее и улучшим меню, которое создавали в прошлом уроке. Предыдущая версия была очень милой, но нам не хотелось бы, чтобы пользователю пришлось наводить указатель мыши на все пункты меню, чтобы узнать, какие они. Так что мы подпишем пункты меню и заставим их высовываться, так что пользователю всегда будет видно, какие пункты существуют. [...]
Далее... Нет комментариев » -
Создаем выезжающее меню с использованием CSS и jQuery
В этом уроке мы покажем, как создать выезжающее меню для вашего веб-сайта. Меню будет почти полностью спрятанным, элементы будут выезжать только когда пользователь наводит указатель мыши на область вблизи меню. Это создает очень красивый эффект, и использование этой техники может освободить немного места на вашем сайте. Элементы будут полупрозрачными, так что то, что находится под ними, [...]
Далее... 10 Комментариев » -
Создаем меню с уменьшенными изображениями с использованием jQuery
В этом уроке мы создадим фиксированное меню с прокручиваемыми уменьшенными изображениями. Основная задача — создать меню, привязанное к низу страницы, и позволить вертикально расположенному набору уменьшенных изображений появляться, когда указатель мыши наведен на элемент меню. Уменьшенные изображения можно прокрутить, двигая мышь вверх-вниз, что создаст интересный эффект. Мы добавим свойства CSS3 для оригинальности.
Далее... 1 Комментарий » -
Создание выезжающих блоков связанных сообщений с помощью jQuery и CSS3
Многие задаются вопросом, как показать посетителям больше своих работ. Обычно старые сообщения в блоге забываются, и даже если что-то все еще интересно и актуально, оно теряется в куче нового. Мы создадим небольшое приложение, которое может использоваться, чтобы показать связанные сообщения на каждой странице.
Далее... 1 Комментарий » -
Эффект размытия с помощью CSS3 и jQuery
Сегодня вы увидите, как создать простой эффект размытия для текстовых элементов. Основная задача – есть набор текстовых блоков, которые будут размываться и уменьшаться, когда мы проводим над ними указателем мыши. Элемент в фокусе будет увеличиваться. Это создаст эффект фокуса, который привлечет внимание к элементу, над которым указатель мыши находится сейчас.
Далее... 1 Комментарий » -
Создаем меню со случайным поворотом пунктов с помощью jQuery и CSS3
В этом уроке мы создадим отличное меню с выезжающей областью содержимого. Мы используем неряшливый стиль, так как хотим, чтобы оно выглядело немного беспорядочно: мы сделаем пунктам меню случайный угол поворота, используя свойство CSS3 “transform”. Так что когда мы загрузим страницу, все пункты меню будут расположены по-разному, что придаст случайный и творческий вид этой нерегулярной странице.
Далее... 14 Комментариев » -
Как создать адаптивную навигацию
Одна из самых сложно поддающихся адаптации частей веб-сайта это навигация. Эта часть очень важна для удобства использования веб-сайта, так как это один из путей, которым пользователи переходят со страницы на страницу.
Далее... 2 Комментариев »
Самые комментируемые
- Текст из крови в Adobe Photoshop 549
- Насколько важно сегодня использовать Web Safe цвета? 538
- 20 наборов кистей для Фотошопа, которые вам пригодятся 530
- Текст из воды в Adobe Photoshop 518
- 45 новых удивительных наборов кистей для творчества 423
- Более 40 фотореалистичных рисунков 205
- Ретро и винтажная типографика в веб-дизайне 194
- 30 примеров фрактального искусства 191