Логин:   Пароль:






Новости
Рассылки
Форум
Поиск


Java
- Апплеты
- Вопрос-ответ
- Классы
- Примеры
- Руководства
- Статьи
- IDE
- Словарь терминов
- Скачать

Мобильная Java
- Игры
- Примеры
- Статьи
- WAP, WML и пр.

JavaScript
- Вопрос-ответ
- Примеры
- Статьи

Веб-мастеринг
- HTML
- CSS
- SSI

Разминка для ума
Проекты
Книги
Ссылки
Программы
Юмор :)




Rambler's Top100
Rambler's Top100

JavaScript: ПримерыВыделение ячейки таблицы бордюром при наведении на нее курсора

Выделение ячейки таблицы бордюром при наведении на нее курсора

Пример с использованием CSS и JS


<html>
<head>
<style>
td
{
border: 1px solid gray;
}
</style>
<script language="javascript">
function onm(th) 
{
th.style.border="1px solid red";
}

function outm(th) 
{
th.style.border="1px solid gray";
}
</script>
</head>
<body>
<table border="1">
  <tr>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 1</td>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 2</td>
  </tr>
  <tr>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 3</td>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 4</td>
  </tr>
  <tr>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 5</td>
    <td onmouseover="onm(this)" onmouseout="outm(this)">Text 6</td>
  </tr>
</table>
</body>
</html>
Text 1 Text 2
Text 3 Text 4
Text 5 Text 6

Пример с использованием CSS (не работает в IE)


<html>
<head>
<style>
td
{
border: 1px solid gray;
}
td:hover
{
border: 1px solid red;
}
</style>
</head>
<body>
<table border="1">
  <tr>
    <td>Text 1</td>
    <td>Text 2</td>
  </tr>
  <tr>
    <td>Text 3</td>
    <td>Text 4</td>
  </tr>
  <tr>
    <td>Text 5</td>
    <td>Text 6</td>
  </tr>
</table>
</body>
</html>
Text 1 Text 2
Text 3 Text 4
Text 5 Text 6

Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 11

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/books/show2b.php on line 19

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/books/show2b.php on line 30
Узнай о чем ты на самом деле сейчас думаешь тут.


[an error occurred while processing this directive]



Warning: mysql_connect() [function.mysql-connect]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 91

Warning: mysql_db_query() [function.mysql-db-query]: Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_db_query() [function.mysql-db-query]: A link to the server could not be established in /pub/home/javaport/javaportal/news/worldnews.php on line 93

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /pub/home/javaport/javaportal/news/worldnews.php on line 95