点击按钮后从按钮向外圆形扩散渐渐变化颜色，可自定义CSS变量来控制，JS部分无需任何库的引入纯JS实现，动画效果可自定义速度和圆曲率。

一。子级iframe执行父级页面的一些操作 可以使用window.parent直接执行或调用父级的元素和函数 直接看这篇吧   二、父级执行子级iframe页面的一些操作 <iframe id='XulgriFrame' src='h...

我之前发的一些JS或PHP判断用户浏览器或操作系统都是用navigator.userAgent标识头来判断，但如果PC端浏览器打开控制台开发者模式时可以通过模拟设备来改变成安卓手机或苹果手机端，这样userAgen...

//禁止右键菜单 document.oncontextmenu = function(){ return false; }; //禁止F12快捷键 document.onkeydown = function(e){ if (e.keyCode === 123) { return false; } }; //当用户打开控制...

上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文，用起来感觉还不够丝滑，这次添加了下划线（也就是border-bottom）样式，达到切换任意相邻或不相邻的TAB时都能实现...

一般情况下我们会直接用transition来设置动画效果，如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...

1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...

一、安装gcc依赖 先查询你的系统是否已经安装gcc gcc -v 没有的话执行安装 yum install -y gcc   二、下载并解压redis安装包 下载redis包 wget http://download.redis.io/releases/redis-5...

直接上例子，每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...

  $(window).width(); 注意此为JQ方法，需要引入JQ