Показать сообщение отдельно
  #5 (permalink)  
Старый 30.12.2017, 22:55
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

miraghyk,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .big.opt, .img:hover{
    opacity: .6
  }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$('.big_img').hover(function(){
 $(this).css( 'opacity', '0.6' );
 },  function(){
 $(this).css( 'opacity', '1' );
 })

$('.big').hover(function(){
 $(this).toggleClass("opt")
 })

});
  </script>
</head>

<body>
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="big_img">
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="big">
<img src="http://file.mobilmusic.ru/b9/5a/54/1365519-320.jpg" alt="" class="img">
</body>
</html>
Ответить с цитированием