Как изменить текст ссылки при наведении на нее курсором?

Question

[r31rus]

Есть "слово" которое при наведении на него мышью нужно изменить на "подробнее" подскажите как?

Answer 1

[Сергей]

Типа такого? jsfiddle.net/qf3wyq4f

Comments

[r31rus]

Ну примерно! Вот моя ссылка jsfiddle.net/v1hjjebu и нужно при наведенни курсора изменить на слово "подробнее"

[r31rus]

Я извиняюсь просто учусь:)

[Сергей]

Попробуйте тогда поизучать jquery . Например так jsfiddle.net/gedn3fco

[r31rus]

Сергей: А Разве Query тут обязательно? Я считал что css достаточно для данных дел. Спасибо конечно!

[Сергей]

Так первый вариант был без jQuery jsfiddle.net/63rw3q9r Вам просто без "button" нужно?

[r31rus]

Сергей: Ну да вообще никаких кнопок:) Просто ссылка

[r31rus]

Вринципе вы уже дали ответ! Спасибо:)

Answer 2

[podust]

Как вариант, можно средствами JS, обрамить слово в тег с произвольным id и повесить обработчик mouseover на этот ID. С тем же JQuery это, например, делается очень просто.

Код HTML:

<p>Вы читаете <span id="wordshift">слово</span></p>

JS:

$("#wordshift").mouseover(function () {
   $("#wordshift").html("уже другое слово");
});
$("#wordshift").mouseleave(function () {
   $("#wordshift").html("слово");
});

Либо как у Сергея, прятать один элемент и показывать другой.