很多网站都会有一个常驻条，上面写的二维码，qq，电话，回到顶部，鼠标滑动上去会有提示，看起来可酷炫了，其实我们小虾米也会做的就看谁更会用学到的知识

第一点，集成性：我们要将其写成ul li a结构，这样在滑动时很多效果其实是可以只写一个，都运用的到

第二点，灵活性：我们将图片初始设为a链接的背景图片，hover时，增加js控制效果

第三点，开始内容：

<div class="float-block">

<ul>

<li><a href="javascript:void(0)">二维码</a></li>

<li >

<a href="#">在线咨询</a>

</li>

<li class="">

<a class="tel_bg fs-12" href="javascript:void(0)">客服</a>

</li>

<li class="totop">

<a class="totop_bg fs-12" href="javascript:void(0)"> TOP</a>

</li>

</ul>

<div class="erweima"><img src=".png"/><i class="sanjiao"></i></div>

<div class="tel-400">010—60678582<i class="sanjiao"></i></div>

</div>

图片设为背景，样式位置居中，文字高度为0；

当鼠标hover时，增加一个样式，图片位置靠上15px，这时文字的位置也有了显示文字，当hover时设置文字的高度是25px

其实并没有想象中的那么难，是吧！小伙伴们都学起来吧，样式你们看需要来，我只提供思路