Изменить цвет при клике
Всем привет.
Есть код: <script language="JavaScript" type="text/javascript">
function rad1(){
$('#action1').css('color','red');
}
</script>
<a href="" onclick="rad1()"><div id="action1">главная</div></a> Сейчас цвет меняется только при клике, а потом становится обратно. Нужно что бы цвет текста в блоке при клике поменялся и остался измененным. Подскажите пожалуйста как можно это сделать, и можно ли это сделать через css без JS? |
Во-первых, <div> это блочный объект, а <a> строчный и вкладывать их таким образом не по фен-шуй.
Во-вторых, у Вас все должно работать. <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<a onclick="test()" id="main" href="#">Главная</a>
<script>
function test() {
$('#main').css('color', 'red');
}
</script>
</body>
</html>
|
Вот Вам, кстати, более красивый код
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#menu a").click(function() {
$(this).css('color', 'red');
});
});
</script>
</head>
<body>
<div id="menu">
<a href="#">Главная</a>
<a href="#">Страница 2</a>
<a href="#">Страница 3</a>
</div>
</body>
</html>
|
Спасибо за предложенные решения. Работают.
|
| Часовой пояс GMT +3, время: 02:58. |