• 网站上的常驻条


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

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

  • 相关阅读:
    第二篇第十一章灭火救援设施
    第二篇第六章安全疏散
    第二篇第五章防火防烟分区于分隔
    第二篇第三章建筑分类与耐火等级
    applicationContext-solr.xml
    solrj 操作 solr 集群版
    centos solr 集群搭建
    org.apache.ibatis.binding.BindingException
    全文检索基础
    solrj 操作 solr 单机版
  • 原文地址:https://www.cnblogs.com/lxq0924/p/5081817.html
Copyright © 2020-2023  润新知