就像Stackoverflow,网页顶部的一些浮动文本框

Question

我不确定Stackoverflow是否适合这个问题,但我认为它与Javascript有关.

这是我要添加到我的网页的内容:网页顶部的浮动文本框,您可以通过单击"X"关闭它.

就像下图中的黄色框(欢迎来到Q&A等等......):

我试图谷歌,但我不知道这个正确的短语.

我已经读过这两个问题:CSS实现类似的固定浮动div总是在其他div之上 - 比如stackoverflow吗？和固定位置的div.

但是如何通过单击右侧的"X"按钮添加关闭它？

另外,我非常喜欢Stackoverflow的浮动文本框的颜色.它的颜色是什么？

有人可以给我Stackoverflow使用的代码吗？

非常感谢!

Answer 1

要添加关闭按钮,如果使用jQuery,可以使用javascript或jQuery,您可以执行以下操作:

HTML:

<div id="yellowbar">
    <div id="xbtn">x</div>
</div>

JavaScript的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!-- load jquery-->
    <!--jquery code-->
    <script>
        $(function(){
            $("#xbtn").click(function(){
                $("#yellowbar").hide();
            });
        });
</script>

简单的例子:http://jsfiddle.net/mazlix/dcY2A/2/