雪哥-雪哥尔-第9页
雪哥的头像-雪哥尔
管理员
这家伙很懒,什么都没有写...

CSS延迟hover消失时间

CSS延迟hover消失时间-雪哥尔
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
11个月前
030814

纯CSS让文字行数限制超出显示省略号

纯CSS让文字行数限制超出显示省略号-雪哥尔
直接用CSS来控制文字或字符的整行,比如先在父级控制一个绝对高度和宽度的框,然后用下面的CSS来控制一段文字行数,超出则显示省略号... 方法1:单行情况下,规定长度,超出部分显示省略号 .Xul...
2年前
029612

css中的flex(弹性)布局,并排显示

css中的flex(弹性)布局,并排显示-雪哥尔
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向,从左往右 如图: flex-direction: row-reverse; // 主轴水平方向的逆方向,从右往左 flex-dir...
2年前
029611

CSS滑动到某位置元素固定住不动或滚动到顶部然后固定

CSS滑动到某位置元素固定住不动或滚动到顶部然后固定-雪哥尔
此代码为纯CSS的基本样式,进阶方法查看:点击前往查看 其实只需要用position:sticky就够了,然后用top在设置距顶位置即可。 position: -webkit-sticky; /* 使Safari浏览器兼容 */ position: st...
2年前
02830

苹果CMS10PayPal支付插件使用文档

苹果CMS10PayPal支付插件使用文档-雪哥尔
一、插件安装 1.1)上传服务器 1.1.1)先将源码压缩包上传至你的苹果CMS根目录,然后解压覆盖 1.2)上传附加文件 1.2.1)将附加文件中的payment_paypal.html文件上传至/template/模板目录/html/...
1年前
028215

CSS响应式屏幕宽度自动适应

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...
1年前
02757

CSS字体引入格式

CSS字体引入格式-雪哥尔
几个免费字体下载网站: https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/   一般下载下来是单个ttf或otf字体文件,很多都体积比较大,直接引入单个字体文件...
1年前
02700

Centos系统安装Redis

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

无需textarea或input标签JS直接实现元素内容复制

无需textarea或input标签JS直接实现元素内容复制-雪哥尔
前言 之前我发过复制类的JS代码(使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)),其中只是使用CSS隐去textarea文本框而已,对于HTML布局来说有点不美观,这次我想到了利用JS创建inp...
1年前
024014

JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动

JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动-雪哥尔
第一种:判断触摸屏(手机平板)手指的向上或向下滑动 var startY = 0; document.addEventListener('touchstart',function(e){ startY = e.changedTouches[0].pageY; },false); document.addEve...
1年前
02270