iframe页面利用JS点击事件到父级页面执行
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例：父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例：iframe页面HTML内容 <a href='javascri...
纯CSS让文字行数限制超出显示省略号
直接用CSS来控制文字或字符的整行，比如先在父级控制一个绝对高度和宽度的框，然后用下面的CSS来控制一段文字行数，超出则显示省略号... 方法1：单行情况下，规定长度，超出部分显示省略号 .Xul...
JQ选项卡Tab非同级切换并同步下划线滑动效果
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文，用起来感觉还不够丝滑，这次添加了下划线（也就是border-bottom）样式，达到切换任意相邻或不相邻的TAB时都能实现...
CSS滑动到某位置元素固定住不动或滚动到顶部然后固定
此代码为纯CSS的基本样式，进阶方法查看：点击前往查看 其实只需要用position:sticky就够了，然后用top在设置距顶位置即可。 position: -webkit-sticky; /* 使Safari浏览器兼容 */ position: st...
CSS字体引入格式
几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/ 一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...
Centos系统安装Redis
一、安装gcc依赖 先查询你的系统是否已经安装gcc gcc -v 没有的话执行安装 yum install -y gcc 二、下载并解压redis安装包 下载redis包 wget http://download.redis.io/releases/redis-5...
CSS响应式屏幕宽度自动适应
.XulgrMax{ font-size: 32px; font-weight: 600; margin: 20% 50px 0 50px; color: red; } @media screen and (max-width: 900px){ .XulgrMax{ font-size: 24px; font-weight: 500; margin: 40p...
无需textarea或input标签JS直接实现元素内容复制
前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...
JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动
第一种：判断触摸屏（手机平板）手指的向上或向下滑动 var startY = 0; document.addEventListener('touchstart',function(e){ startY = e.changedTouches[0].pageY; },false); document.addEve...
苹果CMS10PayPal支付插件使用文档
一、插件安装 1.1）上传服务器 1.1.1）先将源码压缩包上传至你的苹果CMS根目录，然后解压覆盖 1.2）上传附加文件 1.2.1）将附加文件中的payment_paypal.html文件上传至/template/模板目录/html/...
