分类: 前端

12 篇文章

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