podust

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

Код HTML:

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

JS:

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

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

Sublime Text - мой ответ. И подсветка синтаксиса, и подстановка частоупотребимых выражений/переменных, и удобства редактирования в наличии.