Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Создание кнопки






Попробуем создать " круглую кнопку" (т.е. прямоугольную кнопку с закругленными краями). Выбираем соответствующий пункт меню и перед нами открывается диалог настройки параметров кнопки — тип и размер шрифта, цвета в активном и неактивном состоянии

После нажатия кнопки OK будут созданы 3 кнопки. Очень удобно — один вариант если на кнопку наведен курсор, если курсор не наведен, если кнопка нажата.

(цвета выбраны наугад)

В действии это будет выглядеть так (попробуйте навести курсор на кнопку и нажать ее):

Скрипт для показа такой кнопки показан ниже (один из множества вариантов). Вам нужно вставить в него свои url картинок:

< script language=" JavaScript" >
up = new Image(40, 15); // 40 на 15 — размер кнопки в пикселях
up.src = " up.png"; // обычная кнопка
down = new Image(40, 15);
down.src = " down.png"; // кнопка при наведении курсора
click = new Image(40, 15);
click.src = " click.png"; // кнопка при нажатии
function switchThis(object) { document.knopka.src=object.src; }
< /script>
< img name = " knopka" border=0 SRC = " up.png" onMouseOver=" switchThis(up)" onMouseOut=" switchThis(down)" onClick=" switchThis(click)" >






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.