技术分享共113篇 第9页

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

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

密码保护:2020/10/16

2020/10/16-雪哥尔
今天是我们见面的第二天,我们一整个下午都呆在酒店没有出去,明天我就要回去了,我很不舍...   拍了几组照片  
5年前
04250

CSS字体引入格式

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

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...
2年前
04037

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

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

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

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

JS判断页面是否被iframe嵌套

JS判断页面是否被iframe嵌套-雪哥尔
1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...
2年前
033913

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)

简单的JS返回顶部和一键切换背景色和颜色(日间夜间模式)-雪哥尔
HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...
2年前
03390

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开-雪哥尔
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的,是的话直接用echo ''输出Layer内容(注意头部先引用layer和jquery)   <?php // 定义layer $xga = ' <script&...
3年前
03350

JS载入页面后立即自动触发点击事件

JS载入页面后立即自动触发点击事件-雪哥尔
//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') //getElementsByName('绑定name的值') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector...
2年前
03329