Изменение текста нескольких ссылок с помощью JavaScript (onMouseOver) - PullRequest
Новая
       12

Изменение текста нескольких ссылок с помощью JavaScript (onMouseOver)

0 голосов
/ 08 августа 2011

У меня есть несколько ссылок, каждая из которых встроена в свой собственный элемент списка, например: 

<ul id="topLinks">
    <li><a href="#">Link 1</a></li>
    ...
    <li><a href="#">Link 4</a></li>
</ul>

Я хотел бы сделать следующее: когда пользователь наводит курсор на ссылку, к нему добавляются тире.текст ссылки.Например, когда указатель мыши перемещается по «Link 1», он превращается в «-Link 1-» и возвращается в нормальное состояние, когда курсор больше не находится над этой ссылкой, оставляя другие ссылки в покое (пока пользователь не наведет курсор накаждая соответствующая ссылка).

Я пытался написать несколько собственных сценариев для него, но я все еще довольно плохо знаком с JavaScript, так что я немного потерян.О, кстати, я прошу прощения за то, что у меня нет живого примера, сейчас я работаю над своим LocalHost ...

Ответы [ 2 ]

1 голос
/ 08 августа 2011

На самом деле, вы можете использовать :after и :before CSS-селекторы в сочетании с :hover: http://jsfiddle.net/pimvdb/p9Qfu/. Это проще и быстрее, чем делать это в JavaScript. 

li:hover:before {
    content: "-";
}

li:hover:after {
    content: "-";
}
0 голосов
/ 08 августа 2011

Если вы готовы сделать jQuery, то это будет работать: http://jsfiddle.net/MrrZs/ Если нет, я могу попробовать что-то другое для вас.

...