Мне нужна помощь. У меня возникла проблема с попыткой вызвать изменение backgroundPosition элемента блока, когда одна ссылка из списка - вы догадались - замалчивается. Вот кикер: он должен быть жизнеспособным во внешнем файле .js (встроенный JS выглядит действительно грязным и непрофессиональным imho). Все решения, которые я видел до сих пор, либо слишком просты (решения, основанные только на CSS, не будут работать из-за отдельных элементов) или использовать вещи, которые мне пока не устраивают (это означает отсутствие jQuery, спасибо).Изменить backgroundPosition с событиями onmouseover
То, что я хотел бы что-то вдоль линий Условный еще заявления, которые будут выглядеть/выполнить что-то вроде (если вообще возможно, если нет, то следующий ближайший вещь будет делать.):
var block = document.getElementById('block');
if (onmouseover *link1*) {
block.style.backgroundPosition='-200px 0px';
} else if (onmouseover *link2*) {
block.style.backgroundPosition='-400px 0px';
} else if (onmouseover *link3*) {
block.style.backgroundPosition='0px -200px';
}
Если какие-либо другие разделы кода необходимы, я предоставлю их, если это возможно. Заранее спасибо!
EDIT: Чтобы быть ясным, я не прошу о полной программе JS (я НЕ ТАК, тупой ...), как бы я хотел получить инструкцию if, чтобы признать, что один элемент был усечен -over и изменить другое соответственно, так как все мои попытки до сих пор были выполнены с ошибкой.
Вы должны заставить его работать с CSS. Использование JavaScript просто для стилистических изменений является грязным и непрофессиональным. –
можете ли вы разместить свой код в jsfiddle или jsbin –
@MichaelIrigoyen прав, делать это в javascript может не работать в каком-то браузере. –