网站LOGO
六月是只猫 - 互联网技术分享指南
页面加载中
5月21日
网站LOGO 六月是只猫 - 互联网技术分享指南
生活,一半家长里短,一半山川湖海...
菜单
  • 热评
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    博客网站顶部增加一排小桔灯代码
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。
    www.lyszm.com

    博客网站顶部增加一排小桔灯代码

    六月是只猫 · 原创 ·
    日常随笔技术分享 · 代码分享
    共 4064 字 · 约 1 分钟 · 1511
    非常喜庆个性的一个美化,有点非常的闪亮,不是一般人都能接受的,默认出现时间为晚8点到早8点,距离顶部为50px;可以根据自己的需求修改。配合网站每天自动夜间模式效果非常好,有网站风格需要的可以拿去研究。

    2024-01-23T10:25:47.png2024-01-23T10:25:47.png
    使用教程:
    以Wordpress为例把下面的代码加入到主题目录下function.php中

    html 代码:
    add_filter('wp_footer', 'add_lu_xiaojudeng');
    function add_lu_xiaojudeng() {
      date_default_timezone_set("Asia/Shanghai");
      $curTime = date("Y-m-d H:i:s",time());
      $stimestamp = date("Y-m-d H:i:s",mktime(8,0,0,date("m"),date("d"),date("Y"))); //早上8点。
      $etimestamp = date("Y-m-d H:i:s",mktime(20,0,0,date("m"),date("d"),date("Y"))); //晚上8点。
    if(($curTime >= $stimestamp & $curTime <=$etimestamp)== false){
       echo'
        <div id="xiaojudeng">
       </div>
    <script type="text/javascript">
    var con = document.getElementById("xiaojudeng");
    var width=document.body.clientWidth;
    var j = Math.ceil(width/15) + 1;
    for(var i=0; i<=j; i++){
           var crli = document.createElement("li");
        con.appendChild(crli);
    }
    </script>';
    }
    }

    CSS代码加入到主题自定义CSS代码里面:
    此处内容,需回复之后可见

    声明:本文由 六月是只猫(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。

    还没有人喜爱这篇文章呢

    现在已有

    10

    条评论
    发一条!
    1. 头像
      韩剧网
      • 等级:Lv.1
      • 角色:访客
      • 在线:很久之前

      法拉利女女女女

      · · · 山西-阳泉
    2. 头像
      夏末
      • 等级:Lv.1
      • 角色:志同道合 · 好友
      • 在线:三月内

      不错哦

      · · · 四川-宜宾
    3. 头像
      VC
      头像 VC
      • 等级:Lv.1
      • 角色:访客
      • 在线:很久之前

      泰酷啦

      · · · 河北-石家庄
    4. 头像
      达不柳
      • 等级:Lv.2
      • 角色:访客
      • 在线:很久之前

      转载咯~

      · · · 海外
      1. 头像
        六月是只猫 达不柳

        转载请注明出处哦~~~

        · · · 北京-北京
        1. 头像
          达不柳
          • 等级:Lv.2
          • 角色:访客
          • 在线:很久之前
          六月是只猫

          出处已注明,我都已经用上了

          · · · 海外
          1. 头像
            六月是只猫 达不柳

            欢迎常来溜达~

            · · · 北京-北京
    5. 头像
      biggerm
      • 等级:Lv.1
      • 角色:访客
      • 在线:很久之前

      让我来瞅瞅

      · · · 四川-成都
    6. 头像
      小乔
      • 等级:Lv.2
      • 角色:志同道合 · 好友
      • 在线:三月内

      让我抄抄!(大声)

      · · · 黑龙江-牡丹江
    7. 头像
      obaby
      • 等级:Lv.3
      • 角色:访客
      • 在线:本周

      这个喜庆

      · · · 山东-青岛
    博客logo 六月是只猫 - 互联网技术分享指南 生活,一半家长里短,一半山川湖海... 51统计 百度统计
    MOEICP 萌ICP备20248888号 ICP 京ICP备2022028403号-1 ICP 京公网安备 11010502051304号 又拍云 本站由又拍云提供CDN加速/云存储服务

    🕛

    本站已安全运行 1 年 191 天 18 小时 20 分
    六月是只猫 - 互联网技术分享指南. © 2022 ~ 2024.
    网站logo

    六月是只猫 - 互联网技术分享指南 生活,一半家长里短,一半山川湖海...
     
     
     
     
    壁纸
     
     
     
     

    10

    1

  • 下一篇