Меняющаяся картинка при подведении указателя мыши.

Данный JavaScript вы можете использовать в своей страничке для эффекта замены картинок. Кроме событий "onMouseOver" и "onMouseOut" можно применить и другие. Здесь также вставлен код на совместимость популярных браузеров.

Пример JavaScript для придания эффекта нажимающейся кнопки

Для демонстрации работы подведите указатель мыши на кнопку.
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
  if ((bName == "Netscape" && bVer >= 3) ||
    (bName == "Microsoft Internet Explorer" && bVer >= 4)) version = "n3";
  else version = "n2";
  if (version== "n3")
{
  image00off = new Image(1, 2);
  image00off.src = "kn1.gif";

  image01off = new Image(1, 2);
  image01off.src = "рисунок1";
    ...
    ...

  image00on = new Image(1, 2);
  image00on.src = "kn2.gif";

  image01on = new Image(1, 2);
  image01on.src = "рисунок2";
    ...
    ...

}
function img_on(imgName)
{
     if (version == "n3")
{
imgOn = eval(imgName + "on.src");
document.images[imgName].src = imgOn;
}
}

function img_off(imgName) {
if (version == "n3") {
imgOff = eval(imgName + "off.src");
document.images[imgName].src = imgOff;
}
}
</SCRIPT>
</HEAD>

Вторая часть. Выделенное красным, а именно имена файлов картинок, поставте свои. В зависимости от количества - image00, image01 ... imagenn. (Внимание: nn - должно быть 2 символа.)

<body>
<A HREF="ссылка"onMouseOver="img_on('image00')" onMouseOut="img_off('image00')" >
<IMG NAME="image00" SRC="kn1.gif" border=0 ></A>

<A HREF="ссылка"onMouseOver="img_on('image01')" onMouseOut="img_off('image01')" >
<IMG NAME="image01" SRC="рисунок1" border=0 ></A>

...
...
Скопируйте текст с этой странички, пользуйтесь и получайте удовольствие!