技术分享共32篇

js判断PC或手机端

js判断PC或手机端-雪哥尔
判断是否是手机端,否则跳转指定页面 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { //是手机端 } else { //是电脑端 }  
4年前
058015

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定

CSS粘滞定位:页面滑动到某位置时使其固定不动,随父元素结束解除固定-雪哥尔
先在父元素加上(如果没有父元素,可直接用body添加) position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是: 父元素不能有overflow:hi...
1年前
042614

Windows把你的网站封装成一个桌面应用并封装成单独一个exe安装包,附只在封装应用中可访问,浏览器禁止访问代码

Windows把你的网站封装成一个桌面应用并封装成单独一个exe安装包,附只在封装应用中可访问,浏览器禁止访问代码-雪哥尔
上次我分享了HBullderX uniapp项目打包封装成exe电脑PC应用软件的教程,这次来一个更全面且简单的教程,把网址链接封装成win软件并且封装成单独的安装包。我还是用win11来做示例,这次不上图了...
1年前
019314

CSS延迟hover消失时间

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

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

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

CSS hover按钮背景色渐变

CSS hover按钮背景色渐变-雪哥尔
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
2年前
039913

JS判断页面是否被iframe嵌套

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

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

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

玩转layer弹窗弹出层

玩转layer弹窗弹出层-雪哥尔
全部头部先引用 <script src='https://code.xulgr.com/js/jquery-1.8.2.min.js'></script> <script src='https://code.xulgr.com/js/layer/layer.js' type='text/javascript'>...
4年前
058312

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

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