您好吧类似代码

问题描述

| 我想知道是否有教程或开放源代码可以在屏幕顶部创建一个jQuery栏，该栏仅在有人第一次访问我的网站时加载。 基本上像www.hellobar.com 谢谢， 韦德     

解决方法

我砍掉了一个很棒的弹出式菜单栏，然后​​发布了源代码： http://blog.jobdeals.com/2011/12/free-hellobar-com-alternative-source-code/ 就像HelloBar.com一样，没有$ 5 /月的费用！在此处查看其运行情况：http://www.jobdeals.com/about/     ,不幸的是，Robstar的演示无法正常工作，因此我创建了一个完整的演示，其中包含免费的源文件和完整的文档下载，网址为：http://haatch.com/WOAHbar 我也花了一些时间使它也可用于移动设备！只要在到达浏览器窗口时调整其大小即可查看它，或在移动设备上查看它！ 我不相信WOAHbar本身，这是100％Robstar的代码，我只是通过创建演示和完整文档来使其更加可用。 我们确实应该赞一下Robstar的帖子，因为即使演示无法正常工作，代码也完美无缺。 Robstar，来找我：https://stackoverflow.com/users/1624499/haatch     ,jNotify插件将完成此操作：http://www.givainc.com/labs/jnotify_jquery_plugin.htm您将需要自己连接cookie（或其他机制）以仅显示一次。     ,\“ Hello Bar \”只是一个可滑动的HTML元素（即div）。 您可以使用jQuery的

.slideUp()

来达到这种效果（请看此处） 对于“不再显示”部分，您将必须使用Cookie。     ,对于仍然对此感兴趣的人，我制作了一个开放源代码的JavaScript插件，可以在这里找到：https://github.com/AnandChowdhary/hello-bar 这是捕获潜在客户，宣布销售或折扣等的好方法。它支持基于位置，引荐来源，A / B测试等的定位。使用简单： 从NPM安装Hello Bar：

yarn add hello-bar

初始化文本以显示：

import HelloBar from \"hello-bar\";

new HelloBar({
  text: \"Hello,world!\"
});

请访问存储库以获取更多高级代码示例，例如定位和号召性用语按钮。