Изменение Z-индекса по клику

Question

JavaScript нуб здесь.Я работаю над сайтом и пытаюсь изменить z-индекс набора кадров с помощью кнопок.Я не могу заставить его работать.

Пока это то, что у меня есть.

function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}

И в теле

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

Да, я понимаюэто, наверное, самый глупый вопрос за всю историю, и ответ действительно очевиден.Впрочем, я пишу JavaScript впервые, поэтому, пожалуйста, будьте осторожны со мной!: 3

Answer 1

Убедитесь, что ваши кавычки правильно экранированы. попробовать:

<a href="#" onclick="changeZIndex(1,'aboutus')"><img name="one" src="button1.bmp"></a>
<a href="#" onclick="changeZIndex(1,'contactus')"><img name="two" src="button2.bmp"></a>

обратите внимание на двойные кавычки вокруг клика

Answer 2

Ваши кавычки неверны - посмотрите на подсветку синтаксиса:

<A HREF="#" onclick='changeZIndex(1,'aboutus')'><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick='changeZIndex(1,'contactus')'><IMG NAME="two" SRC="button2.bmp"></A>

Вот как вы могли бы это сделать:

<A HREF="#" onclick="changeZIndex(1,'aboutus')"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus')"><IMG NAME="two" SRC="button2.bmp"></A>

Answer 3

посмотрите на ваши цитаты,затем, если вы измените zindex для «aboutus» на 1, не забудьте изменить zindex для «contactus» на 0.в противном случае, если вы измените zindex для contactus на 1, не забудьте изменить zindex для aboutus на 0.

<A HREF="#" onclick="changeZIndex(1,'aboutus');changeZIndex(0,'contactus');"><IMG NAME="one" SRC="button1.bmp"></A>
<A HREF="#" onclick="changeZIndex(1,'contactus');changeZIndex(0,'aboutus');"><IMG NAME="two" SRC="button2.bmp"></A>