继续给大家分享一个提高网站安全性的小技巧,包括复制提醒、禁用右键菜单和快捷键等功能。这种弹窗设计简洁、色彩搭配合适(也可自定义),既能提醒用户,又不会打扰浏览体验。 分享此方法的目的是为了让更多的友友能够使用到。当然也包括自己,也许以后自己琢磨(可能也会用到)。所以,避免源资源失效或者其他某些原因… 照葫芦画瓢,它来了! ## 具体操作 1.全局引入 在网站目录中引入以下代码: ```html ``` 2.后面的代码均在全局引用 JS 的文件中添加。 ## 代码实现 1.复制提醒 ![IMG_5642.webp](https://yjvc.cn/usr/uploads/2024/05/800063751.webp) ![IMG_5644.webp](https://yjvc.cn/usr/uploads/2024/05/604248027.webp) ```js /* 复制提醒 */ document.addEventListener("copy",function(e){ new V
分享一个如何通过简单的设置和配置,限制特定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://yjvc.cn/usr/uploads/2024/05/4198096326.png) 效果: ![IMG_5635.png](https://yjvc.cn/usr/uploads/2024/05/4147020418.png)
今天给大家分享一个简单的小技巧,如何使用JavaScript实现图片预览功能(无需多余的加载,秒开)。通过简单的代码,可以轻松地在网页上预览图片,为用户提供更好的视觉体验。
喜欢看网页上那些酷炫的效果吗?这就是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://yjvc.cn/usr/uploads/2024/05/14390361
喜欢看网页上那些酷炫的效果吗?这就是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://yjvc.cn/usr/uploads/2024/05/2757241728.gif) ```html
今天给大家分享一个小技巧,给我们的博客文章评论框添加七彩打字动画。这个效果不仅能让我们的博客更加生动有趣,还能提升用户的评论体验,增加互动乐趣。让我们一起来看看如何实现这个效果吧! ## 效果展示 白天模式: ![IMG_5495.gif](https://yjvc.cn/usr/uploads/2024/05/3498388009.gif) 夜晚模式: ![IMG_5496.gif](https://yjvc.cn/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"&&defin
今天给大家分享一个用JS代码制作一个倒计时公告的小技巧。这个方法非常实用,可以让你博客的公告在特定时间后自动关闭,既方便又高效。让我们一起来看看吧!
想让你网站的友情链接更整洁好看吗?试试自适应文字友链格子!它能帮你轻松制作大小合适、排列有序的友情链接,让它们在任何设备上都显得完美。操作简单,效果显著,快来让你的友情链接更上一层楼吧! ## 效果展示 ![2024-04-29T03:15:07.png](https://yjvc.cn/usr/uploads/2024/04/3335065134.png) ## 代码 ```html .tp-ad-text1 {width:100%;padding-top:6px;box-sizing:border-box;overflow: hidden;background: rgba(255,255,255,.2);} .tp-ad-text1 a {color:#7fba00;font-size:14px;line-height:38px;text-align:center;border:1px dashed rgba(0,0,0,.2);padding:0 3px;box-sizin
文字已成为人们交流的重要方式,今天给大家分享一个如何在编辑器中添加字符统计功能,帮助您轻松掌握文章长度,提高写作效率。
接上次分享的"有趣可调节的暗黑模式"文章,今天再给大家分享一个挺不错的白天夜晚模式自由切换的小组件。 老样子,如果喜欢可以直接拿去食用😎!
刘郎 ( 博主6分钟前在线 )
敬畏生命,热爱生活!