| |
|
|
| | Подскажите как сделать hover для тега <table>, подробнее:
Для таблицы нужно сделать, что-то вроде вот этого:
.main {background: #FAFAFA; border: 1px solid #D9D9D9; padding: 3px 3px 3px 3px;}
.main:hover{background: #FFFFFF; border: 1px solid #D9D9D9; padding: 3px 3px 3px 3px;}
Но к сожалению этот элемент (hover) только для тега <a>...
Можно какнибуть сделать так, чтобы это можно было сделать с таблицами ??? | |
| |
|
|
| |
|
|
| |
для: namo
(16.11.2004 в 19:55)
| | |
<table width="50%" cellspacing="2" cellpadding="2" border="1">
<tr>
<td ONMOUSEOVER="this.style.backgroundColor = 'yellow';"
ONMOUSEOUT="this.style.backgroundColor = '#ff0000';" align="center">link1</td>
<td ONMOUSEOVER="this.style.backgroundColor = 'green';"
ONMOUSEOUT="this.style.backgroundColor = 'blue';">link2</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(16.11.2004 в 20:18)
| | | Это конечно тоже вариант, но возможноли сделать так, чтобы применялись другие классы стилей, которые находятся в style.css ? | |
| |
|
|
| |
|
|
| |
для: namo
(16.11.2004 в 20:28)
| | |
<style>
.main {background: #FAFAFA; border: 1px solid #D9D9D9; padding: 3px 3px 3px 3px;}
.hover{background: #FFFFFF; border: 1px solid #D9D9D9; padding: 3px 3px 3px 3px;}
</style>
</head>
<body>
<table width="50%" cellspacing="2" cellpadding="2" border="1">
<tr>
<td ONMOUSEOVER="this.className = 'hover';"
ONMOUSEOUT="this.className = 'main';" align="center">link1</td>
<td ONMOUSEOVER="this.style.backgroundColor = 'green';"
ONMOUSEOUT="this.style.backgroundColor = 'blue';">link2</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
|
в стилях и main и hover надо сделать классами (поставить точку перед именем), тогда к ним можно будет обращаться по имени. и по событию OnMouseOver менять имя класса. (во второй ячейке я не меняла скрипт) | |
| |
|
|
| |
|
|
| |
для: elenaki
(16.11.2004 в 21:03)
| | | Большое спасибо! | |
| |
|
|
| |
|
|
| |
для: namo
(16.11.2004 в 21:26)
| | | Скажите, можноли сделать тоже самое, только на этот раз не с "class", а с "id".
Чтото вроде этого:
<html>
<head>
<title>!!!!!!!</title>
</head>
<style>
#fff img {border: 3px solid #D9D9D9;}
#fff2 img {border: 0px solid #D9D9D9;}
</style>
<body>
<table>
<tr>
<td>
<div id="fff" onmouseover="this.idName = 'fff2';" onmouseout="this.idName = 'fff';">
<img src="log.gif" height="80" width="40">
</div>
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: namo
(22.11.2004 в 19:16)
| | | Наверное, вот это то что вам надо:
<html>
<head>
<title>!!!!!!!</title>
</head>
<script for=sm event=onmouseover>
if (window.event.srcElement.tagName=="IMG") window.event.srcElement.border=3;
</script>
<script for=sm event=onmouseout>
if (window.event.srcElement.tagName=="IMG") window.event.srcElement.border=0;
</script>
<body>
<table>
<tr>
<td>
<img id=sm src="log.gif" height="80" width="40">
</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: 101km
(22.11.2004 в 19:56)
| | | Несовсем, мне нужно смена класса CSS, в данном случае id, я хочу сменить не один тег, а сразу группу...
Чтото вроде этого:
#fff a {...}
#fff img {...}
#fff td {...}
Сменялось на:
#fff2 a {...}
#fff2 img {...}
#fff2 td {...} | |
| |
|
|
| |
|
|
| |
для: namo
(22.11.2004 в 20:29)
| | |
<div id="fff" onmouseover="this.id = 'fff2';" onmouseout="this.id = 'fff';">
<img src="log.gif" height="80" width="40">
</div>
|
без Name. просто this.id= ... | |
| |
|
|
| |
|
|
| |
для: elenaki
(22.11.2004 в 20:54)
| | | Просто огромаднейшее вам СПАСИБО !!! :) | |
| |
|
|
| |
|
|
| |
для: namo
(22.11.2004 в 21:20)
| | | пожалуйста. мы тут для того и собрались, чтобы помогать друг другу совместными усилиями. | |
| |
|
|
