Наведите курсор мыши на Javascript Кнопка Эффекты

Если вы когда-либо видели на кнопку на веб-сайте, что изменения формы, когда курсор находится над ним, то вы, вероятно, видели "Наведите курсор мыши на" эффект, используя технологию. Javascript, чтобы не путать с языком программирования Java, является простой скриптовый язык для веб-страниц. Способность к JavaScript для хранения и извлечения переменных позволяет уникальных эффектов при наведении указателя мыши на элемент, в том числе кнопки
"OnMouseOver" атрибут

Чаще, JavaScript занимается такими определяющими "OnMouseOver". в пределах тега ссылками в

& LT;. HREF = "mysite.com" OnMouseOver = "

Этот атрибут будет на самом деле привлечь яваскрипта код напишу для кнопок или может непосредственно идентифицировать Новый образ. Так как большинство кнопок на веб-страницах, на самом деле небольшие файлы изображений, вы можете создать множество различных эффектов с помощью двух различных изображений, один для регулярного кнопку и друга кнопку "наведении курсора мыши». Каталог
<ш > Встроенный Javascript

Сегодня многие браузеру включают яваскрипта код, необходимый для интеграции "OnMouseOver" и "OnMouseOut", который возвращает кнопку в исходное состояние после мышь влево, без каких-либо дополнительных JavaScript. Для достижения это, поместите фразу "документ. [ItemName] .src = [место]" после "... над" и "... из" атрибутов. "[ItemName]" заменяется значением атрибута ID в теге изображения вы хотите перевернулся. Например, document.mine.src = "mypicture2.jpg" будет коррелировать с изображения тега & LT; IMG SRC = mypicture.jpg ID = шахте>. "Расположение" является каталог, где MouseOver или MouseOut файл сидит. Если это тот же каталог, в HTML файл, в котором код пишется, то только имя файла необходимо.

В Добавление сценария

Такой код может быть громоздким, если вы хотите многочисленные эффекты одновременного нажатия клавиш. Чтобы упростить процесс, вы можете написать скрипт функцию и просто вызвать эту функцию с переменной число или строка. Поместите наличие в заголовке HTML-файла и заключите его в & Lt; сценарий> теги. "Функция 'имя' ()" - где "имя" является любой уникальное имя выбрать, - то можно назвать в & Lt; OnMouseOver или OnMouseOut атрибуты> тега. Например, & LT; HREF = "webpage.html" OnMouseOver = "MyOver ()" onmouseout = "MyOut ()>." Если вы используете переменные, можно создать сценарий, который автоматически ищет изображения и соответствующего MouseOver эквиваленте. Например, сценарий может искать файл изображения »[переменная] _on.jpg", когда OnMouseOver активируется и "[переменная] _off.jpg", когда OnMouseOff активируется. Тогда тег бы только позвонить "OnMouseOver = 'myout ([переменная])" для того, чтобы быть активирован. Соответствующие изображения будут, конечно, должны быть названы "[переменная] _on.jpg" и "[переменная] _off.jpg" - "[переменная]", конечно, любой уникальный текст или численное строка вы выбираете .
Каталог
карт изображений

опрокидывания в конечном счете, сводятся к тому, как вы обработать изображения, чтобы отобразить кнопку. Некоторые общие эффекты включают делает дэ оригинальный кнопку "свечение", как вы наведите на него курсор. Старые эффекты сделаны поднял вид кнопки, как будто он был в депрессии. Эти эффекты используют несколько изображений, созданных в графическом редакторе программного обеспечения. Важно, что все эти файлы изображений являются те же самые размеры, в противном случае веб-страница может искажаться на каждом опрокидывания.

В