|
|
В этом скрипте при перемещении курсора
над ссылкой перед ссылкой появляется указатель.
1.Сначала между <HEAD> и </HEAD>
вставляем:
<script>
function change(n){
n.src="ИЗОБРАЖЕНИЕ УКАЗАТЕЛЯ";
}
function unchange(n){
n.src="ПУСТОЙ GIF";
}
</script>
|
Для того, чтобы указатель появлялся и
исчезал мы создаем пустое изображение и
изображение указателя. Ярко-синим цветом
отмечены места в скрипте, где нужно вписывать
адреса изображений.
2. Между <BODY> и </BODY> вставляем
ссылки:
<img name="НАЗВАНИЕ
ИЗОБРАЖЕНИЯ1" src="ПУСТОЙ GIF"
border="0">
<a href="АДРЕС ССЫЛКИ 1"
onMouseOver="change(НАЗВАНИЕ ИЗОБРАЖЕНИЯ1)"
onMouseOut="unchange(НАЗВАНИЕ ИЗОБРАЖЕНИЯ1)">Главная</a>
<img name="НАЗВАНИЕ ИЗОБРАЖЕНИЯ2"
src="ПУСТОЙ GIF" border="0">
<a href="АДРЕС ССЫЛКИ 2"
onMouseOver="change(НАЗВАНИЕ ИЗОБРАЖЕНИЯ2)"
onMouseOut="unchange(НАЗВАНИЕ ИЗОБРАЖЕНИЯ2)">Ссылки</a>
|
Для того, чтобы различать, для какой
ссылки какое менять изображения, используем
имена изображений. Сначала мы пишем это название
в тэге <IMG>. Здесь мы даем название изображению.
Потом пишем это название в тэге <a> два раза:
первый раз-для изменения нужного изображения при
перемещении над ссылкой курсора, второй раз - для
возвращения пустого изображения.
Если у вас больше двух ссылок, добавляем еще
нужное количество строк(в данном случае
используется две строки, одна отделена от
другой), изменяя текст, выделенный ярко-синим
цветом.
<Назад>
<Sub Main> <Download
Centre> <Guest Book & Forum> <Contact Info> <Add Links> |
|
|