Studio AD : Изменение текста ссылки при наведении мыши

Страница 1 из 1
1

Изменение текста ссылки при наведении мыши (Как написать скрипт?)

Изменение текста ссылки при наведении мыши

vladko95

Дата: Четверг, 10.09.2009, 17:31 | Сообщение # 1

говорун

Группа: Проверенные

Пользователь №: 51

Сообщений: 121

Получено оценок: 6

Карма: 13

Замечания: 40%

Всем привет! У меня возник вопрос! Я хочу сделать так, чтобы когда наводиш мышкой на ссылку, то название ссылки менялось. Например перед наводом: приколы, а когда навёл лучшие приколы

ПРобовал но не вышло, думаю сделать через CSS картинкой, но немного глупо мне кажется...прошу помощи king

dancelot

Дата: Четверг, 10.09.2009, 21:43 | Сообщение # 2

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

Карма: 23

Замечания: 0%

vladko95,

Code

<html>
<head>
<title>Test</title>
<script>
function setText(s)
{
document.getElementById("text").innerHTML = s;
}
</script>
</head>
<body>
<div><a href="#self" onmouseover="setText('Text1');">Text1</a> <a href="#self" onmouseover="setText('Text2');">Text2</a></div>
<div id="text">Text</div>

</body>
</html>

dancelot

Дата: Четверг, 10.09.2009, 21:49 | Сообщение # 3

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

Карма: 23

Замечания: 0%

Или вот еще:

Code

<html>

<head>
<title>Magic text</title>
</head>

<body>
<a class="0" href="http://www.gy.ha" onmouseout="this.className='0'; texty.innerText='А это без наведения мыши';" onmouseover="this.className='1';

texty.innerText='Первое сообщение';">Ссылка 1</a><br>
<a class="0" href="http://www.gy.ha" onmouseout="this.className='0'; texty.innerText='А это без наведения мыши';" onmouseover="this.className='1';

texty.innerText='Второе сообщение';">Ссылка 2</a><br>
<a class="0" href="http://www.gy.ha" onmouseout="this.className='0'; texty.innerText='А это без наведения мыши';" onmouseover="this.className='1';

texty.innerText='Третье сообщение';">Ссылка 3</a><br><br>
<div id="texty">
<p>А это без наведения мыши</p>
</div>
</body>
</html>

dancelot

Дата: Четверг, 10.09.2009, 21:50 | Сообщение # 4

говорун

Группа: Проверенные

Пользователь №: 26

Сообщений: 236

Получено оценок: 13

Карма: 23

Замечания: 0%

Quote (vladko95)

думаю сделать через CSS картинкой, но немного глупо мне кажется

и в чём по вашему глупость?