CSS的Flex布局并排间距换行间距和每几个元素换行间隔
直接上例子，每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
JavaScript检测判断是否在iPhone中的Safari浏览器打开
<script type='text/javascript'> var ua = navigator.userAgent.toLowerCase(); //判断是不是在iPhone的Safair浏览器打开的本页面 if (ua.indexOf('applewebkit') > -1 && ua...
JS载入页面后立即自动触发点击事件
//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') //getElementsByName('绑定name的值') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector...
JS判断浏览器宽度
$(window).width(); 注意此为JQ方法，需要引入JQ
织梦模板安装教程
第一步：将源码上传到你的服务器 第二步：访问 你的域名/install/index.php 访问后有两种情况: 1、如果跳转安装界面了，就直接安装（具体步骤往下看）; 2、如果没有跳出安装界面，而是发现出现...
JS使用navigator.platform硬核判断移动端和PC端，调试器也判断
我之前发的一些JS或PHP判断用户浏览器或操作系统都是用navigator.userAgent标识头来判断，但如果PC端浏览器打开控制台开发者模式时可以通过模拟设备来改变成安卓手机或苹果手机端，这样userAgen...
父级和子级iframe的一些交互
一。子级iframe执行父级页面的一些操作 可以使用window.parent直接执行或调用父级的元素和函数 直接看这篇吧 二、父级执行子级iframe页面的一些操作 <iframe id='XulgriFrame' src='h...
Centos系统安装Redis
一、安装gcc依赖 先查询你的系统是否已经安装gcc gcc -v 没有的话执行安装 yum install -y gcc 二、下载并解压redis安装包 下载redis包 wget http://download.redis.io/releases/redis-5...
使用js点击复制按钮将textarea框隐藏
<style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-bzm-input'...
JQ选项卡Tab非同级切换并同步下划线滑动效果
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文，用起来感觉还不够丝滑，这次添加了下划线（也就是border-bottom）样式，达到切换任意相邻或不相邻的TAB时都能实现...
