Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Написать 2 небольших кусочка


Автор: zxc 17.12.2007, 21:50
Помогите плиз написать два небольших кусочка программы в виде скрипта:
1) При наведении мыши на данный текст размер символов увеличивается до 20 пунктов, а цвет становится зеленым
2) При наведении мыши на данный текст расстояние между символами становится 12 пунктов, а между словами 20 пунктов
Заранее спасибо

Автор: Ghirik 17.12.2007, 22:56
Вот возьмите:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Title block</title>
<script type="text/javascript">
<!--
function on(obj) {
    obj.style.color = '#0000ff';
    obj.style.letterSpacing = '6px';
}

function off(obj) {
    obj.style.color = '';
    obj.style.letterSpacing = '';
}
//-->
</script>
</head>
<body>
<p onmouseover="on(this)" onmouseout="off(this)">
<span lang="ru">Это текст для экспериментов. Это текст для экспериментов. Это 
текст для экспериментов. Это текст для экспериментов. Это текст для 
экспериментов. Это текст для экспериментов. Это текст для экспериментов. Это 
текст для экспериментов. Это текст для экспериментов. Это текст для 
экспериментов. Это текст для экспериментов. Это текст для экспериментов. Это 
текст для экспериментов. Это текст для экспериментов. Это текст для 
экспериментов.</span></p>
</body>
</html>

Дальше сами по аналогии.
Если есть название стиля содержащее дефис, например "letter-spacing", то в JavaScript-е оно записывается как "letterSpacing"

Автор: zxc 19.12.2007, 08:57
Ghirik, Огромное спасибо

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)