使用Javascript将标头添加到任何页面

Question

我想创建一些可嵌入的代码，用户可以将其放入他们的网站，这将加载一些Javascript。如果满足某些条件，我想在网站顶部添加一个小标题，然后按下其余内容。有没有一种简单的方法可以在大多数网站上运行？

我理解如何加载和执行JS - 我想我只是想知道HTML / CSS在我的标题上会是什么样子，以及需要在用户的网站上修改什么

Answer 1

您是否考虑过在其网站上使用浮动标题，而不是将整个网站转移？我认为这会更容易。

这样你就可以在任何地方点击div：

<div id="header">Whatever content</div>

<style>
#header {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-color: black;
    z-index: 1;
    overflow:hidden;
    min-width:280px;
    position: fixed;
}
</style>

或者你可以移除position: fixed如果这太烦人了，只要确保你的div在最顶层。

jsFiddle

Answer 2

有引导导航栏：http://getbootstrap.com/examples/navbar/

也许解决你的问题。