js动画特效-网状变化
[c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/JS1031.zip" pwd=""]资源文件下载[/c-downbtn]
打开图片时添加渲染动画
效果如图，从图中间渲染开来，效果不错。 [c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/JS-IMG.zip" pwd=""]下载[/c-downbtn]
CSS3 鼠标移动到图片上放大该图 特效
CSS3实现 鼠标移动到图片上时，放大该图。 [c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/CSS3-IMG.zip" pwd=""]资源文件下载[/c-downbtn] 部分代码展示： …
HTML5 Canvas粒子特效文字动画
粒子组成文字特效，效果不错。 下面输入框可以输入预览文字。 [c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/HTML5-Canvas-01.zip" pwd=""]资源文件下载[/c-dow…
HTML破碎拼接爆炸文字特效
可以用作一些展示页面，还算比较炫酷。 效果如图所示，爆炸拼接文字效果： [c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/HTML-TX01.zip" pwd=""]资源文件下载[/c-downbtn] i…
“线条旋转变换”进度条动画CSS特效
JavaScript实现按下F12关闭当前页面防扒
JavaScript改变浏览器窗口大小时和定时自动刷新页面
利用JS实现屏蔽区域IP
JS文字特效：彩色滚动变幻效果
烟花点击特效
CSS3动画特效，可用于加载页面；效果是由点变成线旋转，效果不错。 [c-downbtn type="default" url="https://huawei-obs-718.obs.cn-east-3.myhuaweicloud.com/img/CSS3-Loading.zip" pwd=""]资源文件下载[/c-downbtn]
<script> function fuckyou(){ window.close(); //关闭当前窗口(防抽) window.location="about:blank"; //将当前窗口跳转置空白页 } function ck() { console.profile(); console.profileEnd(); //我们判断一…
因为部分网站CSS文件是区分移动和PC端的，小窗口下会使用移动端的CSS； 那么可能就会在小窗口切大窗口时出现样式紊乱，刷新一下当前页面才行。 以下就是改变浏览器窗口大小时自动刷新页面的代码，加在footer.php或header.php中即可。 <!--改变浏览器窗口大小自动刷新--> <script> window.on…
整理文件，发现之前存储了一些JavaScript特效。 分享一个JavaScript背景特效：波动粒子特效，可以跟随鼠标切换视角。 不过硬件性能消耗较大，在i3 2120+核显上稍卡；2600X+RX588丝滑流畅，慎用。 效果如下： 实现代码如下： <!--粒子波动效果开始--> <body> <!--引入JS位置 …
此段JS能够实现屏蔽区域IP，屏蔽IP区域用户显示页面为404。 代码如下： <script src="http://ip.ws.126.net/ipquery"></script> <script> if(lc=='成都市') { //在下方讲您的链接填入替换掉【您的跳转链接】 window.location.…
无意间发现了一个JS效果，大概就是一个滚动英文字符然后变为中文的效果，笼统形容就是彩色英文字符滚动变幻为中文的效果。 JS代码如下： <div id="chakhsu"></div> <script> var chakhsu = function (r) { function t() { return b[Mat…
在闲逛时发现一个好看的点击效果，后来在1梦博客找到了代码。 代码如下： <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas> <script type="…