a.mO {color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300;}
a.mO:link {
color: white; cursor:pointer; margin-left:10px; font-weight:400; font-size:12px; display:block; border-top:1px solid #300;
}
a.mO:visited {
color: white; cursor:pointer; margin-left:10px; font-weight:600; font-size:16px; display:block; border-top:1px solid #300;
}
a.mO:hover {
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:12px; display:block; border-top:1px solid #300;
}
a.mO:active{
color: white; cursor:pointer; margin-left:10px; font-weight:900; font-size:14px; display:block; border-top:2px solid #300;
}
Первые работы кода. Но как только я заменяю его вторым, это прекращает работать.
Мой HTML:
<div><a class="mO" onclick="loadPage(31);">ABCD Status</a></div>
Спасибо за справку...
Некоторые из них не будут работать, если вы не включите атрибут href
(иначе это не будет ссылкой):
<a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a>
Вы также можете захотеть return false;
после вызова функции, чтобы предотвратить переход страницы на верхнюю строку. Вы можете либо сделать onclick="loadPage(31); return false;"
, либо onclick="return loadPage(31);"
, и чтобы она возвращала false
.
Попробуйте изменить ваш код на
<div><a class="mO" href="#" onclick="loadPage(31);">ABCD Status</a></div>
и посмотрите, поможет ли это.