复制提醒和右键菜单提醒

继续给大家分享一个提高网站安全性的小技巧，包括复制提醒、禁用右键菜单和快捷键等功能。这种弹窗设计简洁、色彩搭配合适(也可自定义)，既能提醒用户，又不会打扰浏览体验。 分享此方法的目的是为了让更多的友友能够使用到。当然也包括自己，也许以后自己琢磨（可能也会用到）。所以，避免源资源失效或者其他某些原因… 照葫芦画瓢，它来了！ ## 具体操作 1.全局引入 在网站目录中引入以下代码： ```html ``` 2.后面的代码均在全局引用 JS 的文件中添加。 ## 代码实现 1.复制提醒 ![IMG_5642.webp](https://vjo.cc/usr/uploads/2024/05/800063751.webp) ![IMG_5644.webp](https://vjo.cc/usr/uploads/2024/05/604248027.webp) ```js /* 复制提醒 */ document.addEventListener("copy",function(e){ new Vue

源码分享 · 2024-05-11 16:56

如何限制IP访问网站

分享一个如何通过简单的设置和配置，限制特定IP地址访问您的网站的方法。通过这些方法，您可以有效地控制谁可以访问您的网站，从而保护您的在线资源免受不必要的干扰。无论是为了安全还是其他原因，限制IP访问是一种有用的技能。 相关文章推荐：如何限制IP请求数和连接数 ## 1.禁止IP访问网站 ### 1.1.屏蔽国外IP 方法1：代码屏蔽 如果你想要禁止某一个国家的IP访问你的网站，可以参考以下代码(位置参考：Header.php文件中)： ```php ``` 方法2：域名解析 利用域名解析禁止国外ip访问网站（这里以阿里云 DNS 解析为例）： 先设置一个 A 记录类型，然后解析线路为"境外"，最后把记录值设为：127.0.0.1 ![IMG_5634.png](https://vjo.cc/usr/uploads/2024/05/4198096326.png) 效果： ![IMG_5635.png](https://vjo.cc/usr/uploads/2024/05/4147020418.png) 方

资源共享 · 2024-05-11 09:43

JS图片预览

今天给大家分享一个简单的小技巧，如何使用JavaScript实现图片预览功能(无需多余的加载，秒开)。通过简单的代码，可以轻松地在网页上预览图片，为用户提供更好的视觉体验。

源码分享 · 2024-05-11 08:12

不错的CSS特效2

喜欢看网页上那些酷炫的效果吗？这就是CSS的功劳！我整理了一些很棒的CSS特效，让网页看起来更有趣、更生动。这些特效有的简单，有的复杂，但都用的是简单易懂的代码。比如，颜色会慢慢变化的背景，会动的小图标，还有跟着你的鼠标动来动去的效果。这篇文章里，我会和大家分享并展示这些让人看了还想看的CSS特效。 接上次分享的不错的CSS特效1，今天再给大家分享一些不错的css特效！ ## 索引 1.列表文字图标 2.动态圆点水波纹 3.呼吸灯效果 4.简约动态按钮 5.输入框选中交互动效 6.Loading动画 7.聚光灯效果 8.文字上下浮动效果 9.汉堡菜单按钮 10.抖动的按钮 11.简约动态输入框 12.搜索框动态特效 13.新拟态输入框 14.多彩动态按钮 15.创意菜单鼠标悬停效果 16.边框流动特效 17.限制显示两行，超出显示... 18.星空 19.圆弧转动 20.流星雨 ## 1.列表文字图标 ![IMG_5616.jpeg](https://vjo.cc/usr/uploads/2024/05/143903615

源码分享 · 2024-05-10 16:10

关于折腾服务器这件事

服务器网站这东西怎么说呢，可玩性的确很不错（因为我本人喜欢研究代码、脚本、服务器……杂七杂八的都有一点…）。

闲言碎语 · 2024-05-08 12:59

不错的CSS特效1

喜欢看网页上那些酷炫的效果吗？这就是CSS的功劳！我整理了一些很棒的CSS特效，让网页看起来更有趣、更生动。这些特效有的简单，有的复杂，但都用的是简单易懂的代码。比如，颜色会慢慢变化的背景，会动的小图标，还有跟着你的鼠标动来动去的效果。这篇文章里，我会和大家分享并展示这些让人看了还想看的CSS特效。快来一起看看吧！ 相关文章推荐：不错的CSS特效2 ## 索引 1.动态波纹字 2.静态格栅字 3.旋转的金币 4.霓虹灯文字 5.故障字体效果 6.乱码效果 7.输入框交互效果 8.圆点交互按钮 9.文字上下滑动按钮 10.音频特效 11.文字跳动的输入框 12.暗黑模式切换开关 13.呼吸灯按钮 14.新拟态按钮 15.网站底部徽章样式 16.网站LED灯公告 17.HTML滚动播报 18.七彩圆环 19.科幻404 ## 1.动态波纹字 ![IMG_5511.gif](https://vjo.cc/usr/uploads/2024/05/2757241728.gif) ```html

源码分享 · 2024-05-05 17:07

图像转Base64代码

想象你有一幅画，但是你只能通过文字来告诉别人这幅画是什么样子的。Base64就像是一种特殊的语言，它可以把你的画变成一串很长的文字，这样你就可以用文字的形式把画的内容告诉别人了。 在电脑世界里，Base64编码就像是用文字来描述图片和其他文件（比如视频、音频等）的方法。这样，你就可以把这些描述通过互联网发送给别人，而不用真的把文件本身发过去。 把图片转换成Base64编码的好处是，你可以把图片直接嵌入到网页的代码里，这样网页加载的时候就不需要再去互联网上下载这张图片，网页加载的速度就会变快。但是，这种方法也有一个缺点：用文字描述的图片比原来的图片要大一些，大概会增大三分之一左右。所以，如果我们用这种方法描述很大的图片，那么网页的代码就会变得非常大，加载起来也会变慢。 因此，我们通常只把小图片转换成Base64编码，因为小图片的描述文字不会太大，不会影响网页的加载速度。对于大图片，我们还是选择直接在网页上链接到图片文件，这样更有效率。 > 简单一点来理解，就是将图片转换成一串长代码，供网页使用。（可直接替换网页图片外链） ## 在线体验 1.前往图像转

资源共享 · 2024-05-04 16:22

评论框添加七彩打字动画

今天给大家分享一个小技巧，给我们的博客文章评论框添加七彩打字动画。这个效果不仅能让我们的博客更加生动有趣，还能提升用户的评论体验，增加互动乐趣。让我们一起来看看如何实现这个效果吧！ ## 效果展示 白天模式： ![IMG_5495.gif](https://vjo.cc/usr/uploads/2024/05/3498388009.gif) 夜晚模式： ![IMG_5496.gif](https://vjo.cc/usr/uploads/2024/05/3149614578.gif) ## 具体操作 1.复制代码 将以下JS代码复制到主题目录下的 footer.php 文件中 body 标签结束前： ```js (function webpackUniversalModuleDefinition(a,b){if(typeof exports==="object"&&typeof module==="object"){module.exports=b()}else{if(typeof define==="function"&&define.

资源共享 · 2024-05-04 11:21

倒计时公告

今天给大家分享一个用JS代码制作一个倒计时公告的小技巧。这个方法非常实用，可以让你博客的公告在特定时间后自动关闭，既方便又高效。让我们一起来看看吧！

资源共享 · 2024-05-04 01:52

旋转小人

之前在使用joe主题的时候，偶然发现一个非常有趣的小组件“旋转小人”。因自己折腾切换主题，很多东西都没有了，今天在逛原来的网站时，又发现了这个项目。一段简单的代码，就能实现"旋转小人"的效果，现在分享给大家。 ## 效果展示 ![IMG_5152.gif](https://vjo.cc/usr/uploads/2024/04/670869841.gif) 效果图有点拉胯，将就看吧。 ## 代码 ```html 旋转小人 刘郎阁 .twopeople{ margin: 0; align-items: center; justify-content: center; text-align: center; } canvas { display

资源共享 · 2024-04-30 14:47
| 黔ICP备2024020400号 | 萌ICP备20246777号 | | 当前有 1 人在线 |
本站已加入BLOGS·CN
订阅
Sitemap
博友圈 星球穿梭
开往-友链接力