Форум

miraghyk · #1 (**permalink**) 30.12.2017, 22:39

Доброго времени суток!
Возник такой вопрос. Если jQuery позволяет изменять состояние элемента, возможно ли возвращение свойств элемента в изначальное состояние?
т.е

$(document).ready(function(){
$('.big_img').hover(function(){
$(this).css( 'opacity', '0.6' );
});
});

а как дописать, чтобы при уходе курсора из элемента он возвращался в исходное состояние?

рони · #2 (**permalink**) 30.12.2017, 22:43

miraghyk,
может css вместо js?

miraghyk · #3 (**permalink**) 30.12.2017, 22:47

интересует как можно сделать js

рони · #4 (**permalink**) 30.12.2017, 22:48

miraghyk,
есть ещё документация http://api.jquery.com/hover/

рони · #5 (**permalink**) 30.12.2017, 22:55

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>

miraghyk · #6 (**permalink**) 30.12.2017, 23:01

Спасибо))

Форум

Справочник

Discord чат

Курсы javascript