技术分享共109篇 第2页

简单的JS实现选项卡Tab非同级切换

简单的JS实现选项卡Tab非同级切换-雪哥尔
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
7个月前
0757

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

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

苹果CMSv10自定义HTML页面教程

苹果CMSv10自定义HTML页面教程-雪哥尔
比如我要在/template/你的模板/html/user目录下新建一个xulgr.html文件 新建后访问会提示页面不存在 解决方法:  
11个月前
01197

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

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

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

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

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个月前
02687

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个月前
01827

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年前
013014