Как сделать нажимающуюся кнопку?

При создании собственного сайта вам понадобится разработать элементы управления, такие как: элементы меню, кнопки для перехода по страницам. Нажимающаяся кнопка представляет собой элемент, который при наведении мыши изменяет внешний вид, становится «придавленной», т.е. имитирует нажатие.

Вам понадобится

• - программа Dreamweaver.

Инструкция

Запустите программу Dreamweaver, чтобы сделать кнопку во флеш. Создайте новую веб-страницу, сохраните ее. Для создания нажимающейся кнопки во флеш используйте страницу Media на панели объектов, а из нее – кнопку Flash Button. Здесь можно выбрать стиль для кнопки - для этого используйте панель предварительного просмотра, которая находится выше списка стилей. Далее введите текст, который будет отображаться на кнопке в поле Button Text. Просмотрите полученный результат с помощью кнопки Play.

Используйте язык ява-скрипт для создания нажимающихся кнопок. Создайте три изображения, одно – кнопка в спокойном состоянии, другое – вид кнопки при наведении. Далее откройте с помощью блокнота файл веб-страницы в формате html и добавьте следующий текст в поле Body. на следующей строке введите if( parseInt( navigator.appVersion ) >= 3 ) compat = true. >

Далее на строке введите if(compat) {I1 = new Image; затем укажите пути к файлам изображений I1.src= «введите путь к изображению кнопки в обычном режиме»; I1_1.src= «введите путь к изображению кнопки при наведении на нее курсора мыши»; далее введите текст function SetImg(Name,Img); {if(compat) document.images «введите ссылки на оба изображения» .src=eval(Img+'.src'); } далее введите закрывающийся тег .

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

Оцените статью!