Сообщения с тегами ‘JavaScript’

Начинаем использование API Google карт

Четверг, Февраль 25, 2010 14:11 3 комментария

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

Рубрики: Google map Tags: , , ,

Путешествие объектов в пространстве

Воскресенье, Октябрь 11, 2009 19:07 5 комментариев

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

Рубрики: Web-developer Tags: , , ,

Анимация на jQuery

Суббота, Сентябрь 5, 2009 8:19 3 комментария

Когда только начинаешь использовать jQuery, любой скажет, что jQuery замечателен своими эффектами. Такие как slideDown() и fadeIn() делают жизнь лучше. Если разбираться глубже с jQuery, то наверняка вы узнаете о animate(). Этот метод прост в использовании и одновременно очень крут.
Если посмотреть на исходники jQuery, можно увидеть, что все методы — частные случаи использования функции animate().

Рубрики: jQuery Tags: , ,

Три колонки — центральный фиксированный, остальные тянутся

Воскресенье, Август 16, 2009 11:49 4 комментария

На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.

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

Рубрики: Верстка Tags: , , , ,

Скрипт времени/часов на JavaScript

Среда, Апрель 8, 2009 21:38 Один комментарий

Выполняя заказ, заказчику нужно было сделать вывод системного времени (время из ОС, причем не только Windows) на страницы сайта.
Скрипт написан на Java, выводится через input, итак — поехали

Рубрики: Web-developer, Дизайн Tags: , , ,

Плавное изменение высоты у объекта

Вторник, Январь 27, 2009 21:19 28 комментариев

Речь пойдет о том, как сделать плавное видвижение объекта по средствам изменения высоты.
Посмотреть пример: size-chooser.html.
Посмотреть пример с картинкой: size-img.html.
Делается это посредством jQuery и пару строк JavaScript'a.

Рубрики: CSS, Web-developer, html, jQuery, web-design Tags: , , , , , ,

Подстраиваем блоки по ширине и положению

Понедельник, Январь 26, 2009 12:00 5 комментариев

Взгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.

Рубрики: CSS, Web-developer Tags: , , , , , , ,

Title ссылки вместе с курсором или скрипт tooltip

Понедельник, Декабрь 29, 2008 15:14 Комментариев нет

Может из темы не понятно о чем речь (я долго думал как назвать пост), то я сразу приведу пример: tooltip.html
Все делается просто. Предварительно, чтобы разобраться, создадим изображение:

Рубрики: Web-developer, html, web-design Tags: , , , , ,

Плавное появление и исчезание объекта на JavaScript

Среда, Декабрь 24, 2008 13:35 10 комментариев

Делая проект заказчику, я наткнулся на одну проблему. Нужно было преобразовать блоки и ссылки. Наводя курсор на объект, тот должен был плавно менять opacity до 1. Убирая курсор с блока, тот должен был вернуть начальный уровень прозрачности.
Конечно, все это было реализовано, но при помощи JavaScript. И получилось довольно приятно, и я решил показать Вам, [...]

Рубрики: Web-developer, html, Программирование Tags: , , , , ,

Предпросмотр комментариев с помощью jQuery

Четверг, Декабрь 18, 2008 20:40 4 комментария

В данной статье, я бы хотел рассказать вам о одном замечательном скрипте, реализованном на jQuery.
Самая главная особенность этого скрипта в том, что просмотр происходит без перезагрузки страницы.
И так, о всем с самого начала:

Рубрики: Web-developer, html, jQuery, web-design Tags: , , , , ,