如何做出来网站的悬浮窗效果？

  有时候想要宣传一个重要的营销活动，或者发布一项紧急的通知，仅仅在企业网站更新一篇新文章或者新的广告图是不够的。一个静态的网站模块所能获得的点击率和转化率是有上限的，这时候网站建设者通常会想起别人家网站悬浮窗的好处，却不知道代码从何写起。

  在创建网站的过程中，为什么大家都喜欢添加悬浮窗的模块呢?原因有二：

  一，无论用户怎么拉动网站页面，悬浮窗模块都会出现在视线范围内，吸引着他们的注意力。所以这部分非常适合放置客服咨询的链接，或者热门活动/产品详情页面的跳转链接等等。

  二，悬浮窗一般都是停靠在页面边缘或者底端，甚至飘动在整个页面中。虽然它占用较少的网站页面，但却能以超强的存在感传达关键信息。

  悬浮窗的应用场景一：隐藏的分享网站模块

  企业网站自然十分欢迎用户将网站链接分享到各个社交平台上，吸引更多用户关注企业品牌。如果专门开辟一个静态模块放置分享链接，看起来有种要求用户的强硬感，可能会被忽视，有可能会引起反感。不得不说，“分享网站”模块更适合这种轻松灵活的悬浮窗形式，平时以小标签的方式贴在网页边缘，当人们的鼠标经过，就会弹出完整模块，方便用户一键分享网站到其他平台上去。这就是我们互动模块里的“分享网站”功能，点击一下自动生成喔!

  很多人想知道，这种部分隐藏的悬浮框模块属于什么状态，举一反三还可以设置其他内容模块。小编在这里告诉大家，这是设置模块状态中的“侧停状态”。建议学习创建网站的小伙伴们搞懂这五种模块状态，然后就能做出页面流畅、动静结合的优质网站啦!

  悬浮窗的应用场景二：停靠的电话咨询模块

  营销型网站模板都少不了“在线咨询”的入口，用自由容器模块搭建一个包含标题和按钮的咨询框，再设置模块状态就可以让它一直停留在页面某个位置。猜一猜这属于模块状态中的哪个状态?

  答案是“停靠状态”!为更直观地解释什么是停靠状态。

  悬浮窗的应用场景三：作为永动机的宣传窗

  问：这是设置模块状态中的哪一状态呢?

  答：看名字就知道，选“飘动状态”。原来做一个会动的宣传窗，竟然真的不用敲代码!