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

Author:

火喵酱

©

Wordage:

共计 3270 字

needs:

约 2 分钟

Popular:

1568 ℃

Created:

温馨提示:

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

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

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

实际效果

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

方法

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

html

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

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

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

对于css

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

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

javascript

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

- - - The END - - -
共计 61 条评论,点此发表评论
  1. 头像
    @
    Ramsong
    新人

    访客

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

    · Win 1x · Chrome · 河南
  2. 头像
    @
    沉默剑士
    Lv.1

    访客

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

    · Win 1x · Chrome · 浙江
  3. 头像
    @
    不凡
    Lv.2

    访客

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

    · Linux · 火狐浏览器 · 四川
    1. 头像
      @
      不凡 @ 不凡
      Lv.2

      访客

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

      · Win 7 · Chrome · 四川
      1. 头像
        @

        刷新就好了

        · Win 1x · Chrome · 辽宁
        1. 头像
          @
          不凡 @ 火喵酱
          Lv.2

          访客

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

          · Android · Chrome · 四川
          1. 头像
            @

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

            · Win 1x · Chrome · 辽宁
            1. 头像
              @
              不凡 @ 火喵酱
              Lv.2

              访客

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

              · Android · Chrome · 四川
              1. 头像
                @

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

                · Win 1x · Chrome · 辽宁
                1. 头像
                  @
                  不凡 @ 火喵酱
                  Lv.2

                  访客

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

                  · Android · Chrome · 四川
                  1. 头像
                    @

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

                    · Win 1x · Chrome · 辽宁
                    1. 头像
                      @
                      不凡 @ 火喵酱
                      Lv.2

                      访客

                      是这个分辨率,能调么?

                      · Android · Chrome · 四川
                      1. 头像
                        @

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

                        · Win 1x · Chrome · 辽宁
                        1. 头像
                          @
                          不凡 @ 火喵酱
                          Lv.2

                          访客

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

                          · Android · Chrome · 四川
                          1. 头像
                            @

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

                            · iPhone · Safari · 辽宁
                            1. 头像
                              @
                              不凡 @ 火喵酱
                              Lv.2

                              访客

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

                              · Android · Chrome · 四川
                              1. 头像
                                @

                                嗯,现在可以了

                                · Android · Chrome · 辽宁
                                1. 头像
                                  @
                                  不凡 @ 火喵酱
                                  Lv.2

                                  访客

                                  完美!:@(鼓掌)

                                  · Android · Chrome · 四川
          2. 头像
            @

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

            · Win 1x · Chrome · 辽宁
  4. 头像
    @
    ZMR
    Lv.2

    访客

    学习一下:@(Look01)

    · Win 1x · Chrome · 福建
    1. 头像
      @

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

      · Win 1x · Chrome · 辽宁
  5. 头像
    @
    Jane
    Lv.1

    访客

    来学习一下

    · Win 1x · Chrome · 北京
  6. 头像
    @
    rtwr
    新人

    访客

    o( ̄▽ ̄)d,跟大佬学习

    · Win 1x · Chrome · 北京
  7. 头像
    @
    迷失
    Lv.1

    访客

    看起来不错

    · Win 1x · Chrome · 江西
  8. 头像
    @
    松鼠小
    新人

    访客

    看起来不错呦:@(cat40)

    · Win 1x · Chrome · 浙江
  9. 头像
    @
    XCATX
    Lv.2

    访客

    跟大佬学习:@(脸红)

    · Win 1x · Chrome · 广西
  10. 头像
    @
    kingkare
    Lv.2

    访客

    学习一下 感谢大佬分享

    · Win 7 · Chrome · 山西
  11. 头像
    @
    7Wate
    新人

    访客

    :@(看不见)

    · Win 1x · Chrome · 河南
  12. 头像
    @
    泠风寒声
    Lv.6

    好友

    截图截到我了,开心ing:@(脸红)

    · MacOS · Safari · 福建
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 本站已运行 2 年 202 天 12 小时 53 分 51统计 百度统计 自豪地使用 Typecho 建站,并搭配 MyDiary 主题 Copyright © 2020 ~ 2022. 火喵博客・日记本 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活