网站上的常驻条

很多网站都会有一个常驻条，上面写的二维码，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

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

转载于:https://www.cnblogs.com/lxq0924/p/5081817.html