最新博文第3页

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

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

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

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

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

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

CSS字体引入格式

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

PHP判断安卓苹果Windows用户当前的操作系统

PHP判断安卓苹果Windows用户当前的操作系统-雪哥尔
<?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,'iPhone') || strpos($userAgent,'iPad') || strpos($userAgent,'iPod')){ echo '苹果'; }else if(strpos($userAgen...
1年前
01090

PHP、JS和vue基本的url带参传参

PHP、JS和vue基本的url带参传参-雪哥尔
PHP的比较简单 //url直接输入 http://xulgr.com/?参值1=参数1&参值2=参数2&参值3=参数3 //输出 参数1:<?php echo($_REQUEST['参值1']);?> 参数2:<?php echo($_REQUEST['参值...
1年前
01610

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

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

微信小程序开发滑动页面后搜索框随即显示,回到顶部后消失

微信小程序开发滑动页面后搜索框随即显示,回到顶部后消失-雪哥尔
研究了微信小程序简单的一个小功能,必须分享出经验来   wxml代码示例: <view hidden='{{xg_sokuang}}'>搜索框</view> JS代码示例: Page({ data: { xg_sokuang: true }, onP...
1年前
01170

制作一个页面载入loading加载完毕动画收缩

制作一个页面载入loading加载完毕动画收缩-雪哥尔
粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分: <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...
1年前
01670

HBullderX uniapp项目打包封装成exe电脑PC应用软件

HBullderX uniapp项目打包封装成exe电脑PC应用软件-雪哥尔
直接用域名打包其实没什么卵用(还不如直接在浏览器访问),所以这次琢磨了一下不用域名,利用uniapp的H5项目打包exe。   第一步:安装nodejs 【下载LTS版】 官网下载:Node.js (nodejs.or...
2年前
02400