Новичок в кодировании, и я так рад узнать все, что я могу. В настоящее время, однако, есть проблема. Я бы хотел, чтобы мой первый заголовок исчез, но он абсолютно не сработает. Код ниже:

$(document).ready(function() {
   $("#firstheader").fadeOut('slow', 500);
});
#firstheader {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: red;
  text-align: center;
}
<!DOCTYPE HTML>
<html>
<head>
<title>Global HypeBeast</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
  </head>
  <body>
    <div id="firstheader">
  <h1>
    Global HypeBeast: Street Fashion WORLDWIDE
  </h1>
    </div>
  </body>
</html>

Любая помощь будет оценена. Это действительно ставит меня в тупик.

3
Daniel Sigut 10 Дек 2016 в 21:14

4 ответа

Лучший ответ

fadeOut() займет slow/fast или длительность а не то и другое одновременно:

$("#firstheader").fadeOut('slow');

Или :

$("#firstheader").fadeOut(500);

Надеюсь это поможет.

$(document).ready(function() {
   $("#firstheader").fadeOut('slow');
});
#firstheader {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: red;
  text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="firstheader">
  <h1>
    Global HypeBeast: Street Fashion WORLDWIDE
  </h1>
</div>
3
Zakaria Acharki 10 Дек 2016 в 18:21

Вы нацеливаетесь на элемент h1, но у вас исчез контейнер div. Вместо этого сделайте это:

$(document).ready(function() {
   $("#firstheader h1").fadeIn('slow');
});

И в css:

#firstheader h1{
   display:none;
}

Поскольку вопрос был отредактирован в fadeOut вместо fadeIn:

   $("#firstheader h1").fadeOut('slow');
0
Jai 10 Дек 2016 в 18:19

Хорошо, если вы проверите документацию для fadeOut: http://api.jquery.com/fadeout/

Кажется, что вы можете сказать «медленно» или указать продолжительность вручную :)

Ура ,

Изменить: изменить мой ответ в соответствии с реальным комментарием Рори МакКроссан.

2
Thomas Kim 10 Дек 2016 в 18:24

К вашему сведению: .fadeOut() не принимает два аргумента скорости.

$(document).ready(function() {
   $("#firstheader").fadeOut(5000);
});
#firstheader {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: red;
  text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="firstheader">
  <h1>Global HypeBeast: Street Fashion WORLDWIDE</h1>
</div>
1
Scott Marcus 10 Дек 2016 в 18:21