Сделать стартовой

Всё для администраторов

Объявление

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Всё для администраторов » HTML, CSS, DHTML, XML и т.д. » FAQ по JavaScript>>


FAQ по JavaScript>>

Сообщений 1 страница 4 из 4

1

Наведение мыши на элементы формы

Код:
<html>
<body>
<script language="javascript" type="text/javascript">
<!--
function OnMouseOver() {
    myText.innerText = "Курсор над кнопкой";
}
function OnMouseOut() {
    myText.innerText = "Курсор бродит по странице";
}
// -->
</script>
<input id="myButton" type="button" value="button" language="javascript" onmouseover="return OnMouseOver()" onmouseout="return OnMouseOut()" />
<br/>
<span id="myText"></span>
</body>
</html>

0

2

Подсказки при наведении на ссылки

Код:
<html>
<body> 
<table onmouseout=show(0.1);>
 <tr><td> 
         <table>
          <tr><td> <a href=yourlink.html onmouseover=show(1);>Здесь ваша ссылка №1</a></td></tr>
          <tr><td> <a href=yourlink.html onmouseover=show(2);>Здесь ваша ссылка №2</a></td></tr>
         </table>
 </td>
 <td id=desc valign=top> Здесь будут появляться подсказки</td></tr>
</table>
</body>
</html>
Код:
<SCRIPT LANGUAGE="JavaScript">
function show(n)
             {
             var cdesc; switch (n)
                               {
                               case 0.1: cdesc="Ваш текст, который будет по умолчанию";
                                    break;
                               case 1: cdesc="Текст, при наведении на ссылку 1";
                                    break;
                               case 2: cdesc="Текст, при наведении на ссылку 2";
                                    break;
                               }
             desc.innerText=cdesc;
             }
</SCRIPT>

0

3

Изменение цвета фона

Код:
<html>
<body>
<table width=60% border=1 cellspacing=0 cellpadding=4 bordercolor=#333333 align=center>
 <tr>
  <td align=center bgcolor=#CCCCCC onMouseOver="this.style.background='#FFCC33'" onMouseOut="this.style.background='#CCCCCC'">
   <a href="link1.htm">Пункт 1</a></td>
  <td align=center bgcolor=#CCCCCC>
   <a href="link2.htm">Пункт 2</a></td>
 </tr>
</table>
</body>
</html>

0

4

малаца
зачет

0


Вы здесь » Всё для администраторов » HTML, CSS, DHTML, XML и т.д. » FAQ по JavaScript>>