如何在网页上创建带有关闭按钮的顶栏?

时间:2015-12-08 10:17:21

标签: javascript html html5 css3 web

我需要帮助创建一个标题栏,该标题栏从页面顶部滑入,带有一些简报文本或促销文字。此栏也应该有一个关闭按钮,这样如果用户不感兴趣,那么他们可以关闭它。 enter image description here

2 个答案:

答案 0 :(得分:1)

你可以使用下面的咆哮是显示它是如何完成的链接

Link For Growl

答案 1 :(得分:0)

html是:

<div id="news"> newsletter text </div>
<button id="close">×<button>

js是:

var $close = document.getElementById('#news');
var $news  = document.getElementById('#close');
$close.onclick = function () {
  $news.style.display = 'none';
}