博客主页
网站被首次访问时,显示独立弹窗信息

Created:

温馨提示:

本文最后更新于2021年12月12日,已经过了247天没有更新,若内容或图片失效,请留言反馈
文章目录

标题起的很简短,其实就是根据记录的cookie,在每次新用户访问站点的时候,弹出一次性的公告,免去每次刷新页面都会出现是尴尬。这之前也是在别人站点看到的,用了一段时间,现在分享给大家

另外说一句,最近好多人都来扒站,虽然我没说什么,也制止不了,简单的东西你说什么剽窃也有些小题大做,但是心里总归是很难受,毕竟是一点一点抠出来的东西。扒了就扒了,但是扒了之后改个颜色换换样式,文字内容也针对改改,写心得时提提火喵的名字,给小站引引流,我也就很感谢了。

实际效果

2021-12-12-10-12-43.webp

方法

这个是通用的教程,任何html+css+js的博客都可以使用。

html

首先要知道,一般访问博客都是先从主页访问,所以我们这个代码就添加在主页文件(index.html)中即可。若是你觉得首次访问的内页也要显示的话,那就放在页面顶部(header.html)就好了。在<body>标签内合适的位置添加:

此处内容,需回复之后可见

如果显示 不正常,先确认有没有重复的样式明或id,对应修改即可。

对于css

css这个没什么好说的,每个人审美不同,想要的样式也不同。为了修改方便,我贴出本站现在用的样式

此处内容,需回复之后可见

javascript

js这个文件也是放在哪里就好了。
此处内容,需回复之后可见

- - - The END - - -

- - - 火 喵 博 客 - - -
共计 53 条评论,点此发表评论
  1. 头像
    @
    你仔细听
    LV1

    访客

    学习一下~~

  2. 头像
    @
    MrZeFr
    LV1

    访客

    看起来针不戳

  3. 头像
    @
    九号环游星球
    LV0

    访客

    学习一下哈哈哈哈

  4. 头像
    @
    公爵的披风
    LV1

    访客

    学习了,谢谢分享

  5. 头像
    @
    Star.
    LV1

    访客

    zibll能用吗

  6. 头像
    @
    小້໌ 七҉
    LV1

    访客

    手机上换了几个浏览器都不能发评论o(╥﹏╥)o

    1. 头像
      @

      是广告检测bug了么

  7. 头像
    @
    你仔细听
    LV1

    访客

    发评论看看代码~:@(吐舌)

  8. 头像
    @
    Ramsong
    LV0

    访客

    发评论看代码:@(赞一个)

  9. 头像
    @
    沉默剑士
    LV1

    访客

    看起来不错呦:@(赞一个)

  10. 头像
    @
    不凡
    LV2

    访客

    发评论为了看代码:@(内伤)

    1. 头像
      @
      不凡 @ 不凡
      LV2

      访客

      高亮代码好像不见了,代码溢出到页面的右边了

      1. 头像
        @

        刷新就好了

        1. 头像
          @
          不凡 @ 火喵酱
          LV2

          访客

          评论列表里的“气泡”在移动端也向右溢出了

          1. 头像
            @

            手机显示分辨率太低了,我也懒得改,不然一行才几个字:@(装大款)

          2. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            :@(抠鼻)格局小了.jpg

          3. 头像
            @

            你是啥手机呀,我还是改一下吧:@(哭泣)

          4. 头像
            @

            不行啊,只能看到是华为手机,看不到分辨率

          5. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            你在网站统计看我手机的分辨率吗?

          6. 头像
            @

            嗯对,我查到了,380*823:@(蜡烛)

          7. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            是这个分辨率,能调么?

          8. 头像
            @

            可以调,但是字会变小,现在的习惯就好,还是别调了:@(看热闹)

          9. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            也是,目前我手机看评论列表的文字大小,正合适。

          10. 头像
            @

            我简单改了一下,麻烦开一个浏览器隐私窗口看一下现在行不行,不行的话我就删掉最小尺寸

          11. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            可以了,表情按钮出来的窗口也要改下,表情的框也向右溢出了,第6列的表情只能看到半张脸。

          12. 头像
            @

            嗯,现在可以了

          13. 头像
            @
            不凡 @ 火喵酱
            LV2

            访客

            完美!:@(鼓掌)

  11. 头像
    @
    ZMR
    LV2

    访客

    学习一下:@(Look01)

    1. 头像
      @

      真好啊,我之前也想搞分销,但是没时间分散精力就放弃了

  12. 头像
    @
    Jane
    LV1

    访客

    来学习一下

辽ICP备2021005644号-1 辽公网安备 21021102000984号 萌ICP备20210005号 本站已运行 2 年 159 天 15 小时 59 分 自豪地使用 typecho 建站,并使用 MyDiary 主题 百度统计 Copyright © 2009 ~ 2022. 火喵博客 All rights reserved.
历史足迹
分类目录
  • 日常
  • 🤣 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 📭 撰稿