Работает, если сделать вот таким образом
|
Код:
|
<html><head>
<title>All</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<meta name="generator" content="CSE HTML Validator Халявной Версии">
<link rel="stylesheet" type="text/css" href="my.css">
<script type="text/javascript">
<!--
function test_over(id)
{
aobj = document.getElementById(id);
aobj.className="auxi";
}
function test_out(id)
{
aobj = document.getElementById(id);
aobj.className="test";
}
-->
</script>
</head>
<body>
<div class="test" id="oned">
<a href="#" onmouseover="test_over('twod');" onmouseout="test_out('twod');" id="ONE1">ссылка 1</a>
</div>
<div class="test" id="twod">
<a href="#" onmouseover="test_over('oned');" onmouseout="test_out('oned');" id="TWO1">ссылка 2</a>
</div>
</body>
</html> |
my.css
|
Код:
|
.test a {outline: none;}
.test a:link { color: #556368; text-decoration: none;}
.test a:visited { color: #556368; text-decoration: none;}
.test a:hover { color: #c90103; text-decoration: none; }
.test a:active { color: #c90103; text-decoration: none;}
.auxi a {outline: none;
color: #c90103;text-decoration: none;} |
Для каждой ссылки сделан свой div.
Можно ли без изменения класса div обойтись?
Идеально было бы использовать уже заданный для ссылки класс и лишь как то передовать события hover link и т.п.