Javascript-форум - Показать сообщение отдельно - Изменение цвета текста кнопки и цвета кнопки при нажатии

рони · #17 (**permalink**) 22.07.2013, 09:46

ОлегА,
проверьте пожалуйста сами -- кликайте не по буквам тогда попадёте прямо на ссылку

по теме

Цитата:

2.Если обработчик назначен через on..., то return false из обработчика отменяет действие браузера:
1 element.onclick = function(event) {
2 ...
3 return false;
4 }
Такой способ проще, но не будет работать, если обработчик назначен через addEventListener/attachEvent

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style type="text/css">
h1 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  margin:0;
  padding:0;}

 hr {
  border:none;
  border-top:1px solid #CCCCCC;
  height:1px;
  margin-bottom:25px;}

 ul {
  list-style: none;
  margin: 0;
  padding: 0;}

 img {border: none;}

 #menu {
  width: 168px;
  margin: 0px;
  border-style: solid solid none solid;
  border-color: #000;
  border-width: 1px;
  position: relative;
  top: 700px;
  }

 #menu li a {
  height: 32px;
  voice-family: inherit;
  height: 24px;
  text-decoration: none;}

 #menu li a:link, #menu li a:visited {
  color: #9cff00;
  display: block;
  background: url(http://wallaby.ucoz.ru/_ph/1/2/631039619.gif);
  padding: 8px 0 0 10px;}

 #menu li a:hover {
  color: #9cff00;
  background: url(http://wallaby.ucoz.ru/_ph/1/2/138374785.gif) 0 -32px;
  padding: 8px 0 0 10px;}


#menu span.button_fixed{ color:#FF0000; }
 body{
   height: 1000px;
 }


</style>
</head>

<body>
<div id="menu">
 <ul>
 <li><a href="#"><span style="color:fff"><b>Главная</b></span></a></li>
 <li><a href="#"><span style="color:fff"><b>Форум</b></span></a></li>
 <li><a href="#"><span style="color:fff"><b>Галерея</b></span></a></li>
 <li><a href="#"><span style="color:fff"><b>ClanWars</b></span></a></li>
 <li><a href="#"><span style="color:fff"><b>Фильмы</b></span></a></li>
 </ul>
 </div>
 <script>
 $('#menu a span').click(function(event){
      $('#menu').find('.button_fixed').removeClass('button_fixed')
      $(this).addClass('button_fixed')
      return false;
  })

 </script>
</body>

</html>