标题起的很简短,其实就是根据记录的cookie,在每次新用户访问站点的时候,弹出一次性的公告,免去每次刷新页面都会出现是尴尬。这之前也是在别人站点看到的,用了一段时间,现在分享给大家
另外说一句,最近好多人都来扒站,虽然我没说什么,也制止不了,简单的东西你说什么剽窃也有些小题大做,但是心里总归是很难受,毕竟是一点一点抠出来的东西。扒了就扒了,但是扒了之后改个颜色换换样式,文字内容也针对改改,写心得时提提火喵的名字,给小站引引流,我也就很感谢了。
实际效果
![2021-12-12-10-12-43.webp](https://image.mmbkz.cn/blog2021/2021-12-12-10-12-43.webp-shuiyin)
方法
这个是通用的教程,任何html+css+js的博客都可以使用。
html
首先要知道,一般访问博客都是先从主页访问,所以我们这个代码就添加在主页文件(index.html)中即可。若是你觉得首次访问的内页也要显示的话,那就放在页面顶部(header.html)就好了。在<body>
标签内合适的位置添加:
如果显示 不正常,先确认有没有重复的样式明或id
,对应修改即可。
对于css
css这个没什么好说的,每个人审美不同,想要的样式也不同。为了修改方便,我贴出本站现在用的样式
javascript
js这个文件也是放在哪里就好了。
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @樱👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
博主
火喵酱 @迷失style display none
然后js换成 function closeclick(){ $('#note')[0].style.display='none'; } 你试试
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙
👍
💖
💯
💦
😄
🪙