最新博文第3页

CSS凸出感按钮,按钮凹陷感效果

雪哥尔
分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码:(可以是图片,也可以用font图标,自己引入样式即可) <div class='container'> <div class='box'> <div class='img'> &...
12个月前
04415

js判断PC或手机端

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

iframe页面利用JS点击事件到父级页面执行

iframe页面利用JS点击事件到父级页面执行-雪哥尔
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例:父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例:iframe页面HTML内容 <a href='javascri...
12个月前
02697

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...
12个月前
01847

9个纯CSS字体样式

9个纯CSS字体样式-雪哥尔
.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...
2年前
010610

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

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

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

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

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

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

CSS字体引入格式

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

JS点击提交按钮时判断input是否为空输入内容小于指定数提示

JS点击提交按钮时判断input是否为空输入内容小于指定数提示-雪哥尔
其实就是简单的利用onclick点击事件和id来判断 首先在按钮或超链添加onclick点击事件: <button onClick='isxgemail()'>提交</button> 然后再在input绑定ID: <input id='xgemai...
2年前
01540