页面底部Cookie警报或警告

时间:2019-03-07 00:56:23

标签: html css

我想在网站底部添加一个div,就像您在此网站上所拥有的一样,向用户警告有关cookie的信息。但是让它在5-6秒后消失。怎么办?

1 个答案:

答案 0 :(得分:0)

在您的HTML中:

<body>
    <div class="cookie-bar"></div>
</body>

在您的CSS中:

div .cookie-bar {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

在JavaScript文件中:

setTimeout(fade_out, 5000);

function fade_out() {
  $("#cookie-bar").fadeOut().empty();
}