Показать сообщение отдельно
  #3 (permalink)  
Старый 26.02.2014, 23:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

megasan84,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .notActive{
    border: #FF0000 1px solid;
  }
  .Active{
    border: #2E8B57 5px solid;
  }

  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
     $(function ()
{
    var $img = $('.notActive')
$img.click(function ()
{
  $img.attr({'src':'http://javascript.ru/forum/images/smilies/cray.gif'}).not(this).addClass('notActive').removeClass('Active')
  $(this).toggleClass('notActive Active');
  $(this).hasClass('Active') && (this.src = 'http://javascript.ru/forum/images/smilies/victory.gif');
})
})
  </script>
</head>

<body>
 <img src="http://javascript.ru/forum/images/smilies/cray.gif" alt="" class="notActive">
 <img src="http://javascript.ru/forum/images/smilies/cray.gif" alt="" class="notActive">
 <img src="http://javascript.ru/forum/images/smilies/cray.gif" alt="" class="notActive">
</body>

</html>
Ответить с цитированием