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

Author:

火喵酱

©

Wordage:

共计 3274 字

needs:

约 2 分钟

Popular:

3016 ℃

Created:

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

标题起的很简短,其实就是根据记录的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 - - -
文章二维码
网站被首次访问时,显示独立弹窗信息
共计 86 条评论,点此发表评论
  1. 头像
    1
    新人

    访客

    拿来吧

    · Android · Chrome · 陕西
  2. 头像
    初云volacy
    新人

    访客

    获取代码

    · Win 1x · Chrome · 浙江
  3. 头像
    将军
    Lv.1

    访客

    获取代码.

    · Win 1x · Chrome · 广西
  4. 头像
    将军
    Lv.1

    访客

    学习功能.

    · Win 1x · Chrome · 广西
  5. 头像
    tx
    新人

    访客

    怎么评论

    · Win 1x · Chrome · 广西
  6. 头像
    黑墨
    新人

    访客

    看看代码 ヾ(≧∇≦*)ゝ

    · Android · Chrome · 河南
  7. 头像
    voyageur
    新人

    访客

    过来看看代码

    · Win 1x · Chrome · 辽宁
  8. 头像
    春不寒
    新人

    访客

    非常可爱

    · Android Pie · Chrome · 海外
  9. 头像
    歌元式
    新人

    访客

    学习借鉴

    · Win 1x · Chrome · 山东
  10. 头像
    陶小桃Blog
    Lv.1

    访客

    过来看看!

    · Win 1x · Chrome · 安徽
  11. 头像
    xianbiang
    新人

    访客

    很nice的网站,学习了

    · Win 7 · Chrome · 广西
  12. 头像
    hLPg
    新人

    访客

    博主我刚入坑,请问这个主页文件index.html在哪里? (๑•̀ㅁ•́ฅ)

    · Win 1x · Chrome · 天津
    1. 头像
      火喵酱 hLPg

      博主

      就是放在哪里都行,放在哪里那里就显示,大部分网站index是主页,因此就放在那里,你放其他的地方也是可以的

      · Win 1x · Chrome · 辽宁
博客主页 火喵博客・日记本 经为流逝的日月,纬为人们的生业 51统计 百度统计 🌸
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 2 年 326 天 11 小时 59 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 打赏图
    打赏博主
    欢迎
    欢迎
    欢迎访问火喵博客・日记本
    欢迎来看望喵喵!