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

Author:

火喵酱

©

Wordage:

共计 3274 字

needs:

约 2 分钟

Popular:

5142 ℃

Created:

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

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

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

实际效果

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

方法

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

html

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

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

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

对于css

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

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

javascript

js这个文件也是放在哪里就好了。

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

感谢!

如果觉得文章很不错,欢迎点一点下面的广告,来表达对喵喵的支持qaq

- - - The END - - -
作者:
火喵酱
文章:
绯色之喵・火喵博客
地址:
https://cat.dorcandy.cn/4bbdeac1.html
更新:
2022 年 11 月 27 日 09 时
声明:
本文由博主原创,依据 CC BY-NC-SA 4.0 许可协议授权,转载请注明出处
文章二维码
网站被首次访问时,显示独立弹窗信息
共计 118 条评论,点此发表评论
  1. 头像
    wy-1226
    新人

    访客

    来啦! OωO

    · Win 10+ · Chrome · 湖北
  2. 头像
    T
    Lv.1

    访客

    又来了,上次没看完

    · Win 10+ · Chrome · 浙江
  3. 头像
    方糖
    新人

    访客

    (ฅ´ω`ฅ) 不错

    · Win 10+ · Chrome · 山东
  4. 头像
    T
    Lv.1

    访客

    学习来了

    · Win 10+ · Chrome · 浙江
    1. 头像
      火喵酱 T

      博主

      头像好可爱!!!!

      · Win 10+ · Chrome · 辽宁
  5. 头像
    Amuer
    Lv.1

    访客

    学习一下

    · MacOS · Chrome · 河南
  6. 头像
    FAN
    Lv.1

    访客

    来研究一下

    · MacOS · Chrome · 上海
  7. 头像
    宇生
    新人

    访客

    学习一下 OωO

    · Android · Chrome · 四川
    1. 头像
      宇生 宇生
      新人

      访客

      这头像获取是优先企鹅的吗🤣

      · Win 10+ · Chrome · 四川
      1. 头像
        火喵酱 宇生

        博主

        是的呀,企鹅稳定

        · Win 10+ · Chrome · 辽宁
  8. 头像
    cc
    新人

    访客

    看看

    · MacOS · Safari · 重庆
  9. 头像
    Aaron
    新人

    访客

    看一看

    · Win 10+ · Chrome · 江西
  10. 头像
    满目山河
    新人

    访客

    看看

    · Win 10+ · QQ浏览器 · 北京
  11. 头像
    我心所向
    新人

    访客

    随便看看

    · Win 10+ · Chrome · 北京
  12. 头像
    羡鱼
    新人

    访客

    看看

    · Android · Chrome · 江苏
博客主页 绯色之喵・火喵博客 记录喵喵美好生活 51统计 百度统计
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 3 年 91 天 6 小时 20 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
打赏图
打赏博主
欢迎
欢迎
欢迎访问绯色之喵・火喵博客
欢迎来看望喵喵!
搜 索
足 迹
分 类
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 测试