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

Author:

火喵酱

©

Wordage:

共计 3270 字

needs:

约 2 分钟

Popular:

1569 ℃

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. 头像
    @
    wu先生
    Lv.1

    访客

    哈哈,你第一段在说学别人,而第二段却叫别人不要学你。

    · Win 7 · Chrome · 湖北
    1. 头像
      @

      别人分享的,我整理出来,然后又把整理出来的分享给大家(比如此篇),是第一段。

      我没分享的,博客使用的,别人拿去用,写上自己的名字,是第二段。

      写的话是针对的当时的事,那时候使用joe主题,而且是九个月前的事了。不过现在已经无所谓了,我已经好久没有写教程了,毕竟写了教程也会被人原文扒过去去掉原文链接写上自己的名字。

      · Win 1x · Chrome · 辽宁
  2. 头像
    @
    吃泡芙叫我
    新人

    访客

    学习一下,嘿嘿

    · Win 1x · QQ浏览器 · 安徽
    1. 头像
      @

      哇!你的那个《今天吃什嘛》我好喜欢!!

      · Win 1x · Chrome · 辽宁
      1. 头像
        @

        OωO 哈哈哈哈吃饭选择困难症本人了 🍉 👻

        · Win 1x · QQ浏览器 · 安徽
  3. 头像
    @
    邓先生T
    新人

    访客

    学习一下~~

    · Win 1x · Chrome · 浙江
  4. 头像
    @
    小刘同学
    Lv.2

    好友

    学习学习

    · Win 1x · Chrome · 山西
  5. 头像
    @
    永恒末匕
    Lv.1

    访客

    学习学习 (๑•̀ㅁ•́ฅ)

    · Win 1x · Chrome · 广西
  6. 头像
    @
    你仔细听
    Lv.1

    访客

    学习一下~~

    · Win 1x · Chrome · 海南
  7. 头像
    @
    MrZeFr
    Lv.1

    访客

    看起来针不戳

    · Win 1x · Chrome · 广东
  8. 头像
    @
    九号环游星球
    新人

    访客

    学习一下哈哈哈哈

    · Win 1x · Chrome · 山西
  9. 头像
    @
    公爵的披风
    Lv.1

    访客

    学习了,谢谢分享

    · Win 1x · Chrome · 福建
  10. 头像
    @
    Star.
    Lv.1

    访客

    zibll能用吗

    · Win 8.1 · Chrome · 北京
  11. 头像
    @
    小້໌ 七҉
    Lv.1

    访客

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

    · Win 1x · QQ浏览器 · 重庆
    1. 头像
      @

      是广告检测bug了么

      · Win 1x · Chrome · 辽宁
  12. 头像
    @
    你仔细听
    Lv.1

    访客

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

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