上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文，用起来感觉还不够丝滑，这次添加了下划线（也就是border-bottom）样式，达到切换任意相邻或不相邻的TAB时都能实现...

前言 之前我发过复制类的JS代码（使用js点击复制按钮将textarea框隐藏-雪哥尔 (xulgr.com)），其中只是使用CSS隐去textarea文本框而已，对于HTML布局来说有点不美观，这次我想到了利用JS创建inp...

//禁止右键菜单 document.oncontextmenu = function(){ return false; }; //禁止F12快捷键 document.onkeydown = function(e){ if (e.keyCode === 123) { return false; } }; //当用户打开控制...

先在父元素加上（如果没有父元素，可直接用body添加） position: relative; 然后在需要粘滞的元素加上 position: sticky; top: 0px; 即可生效。   需要注意的是： 父元素不能有overflow:hi...

示例链接：https://xulgr.com/test/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名，输出结果：xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号，输出结...

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

我之前发的一些JS或PHP判断用户浏览器或操作系统都是用navigator.userAgent标识头来判断，但如果PC端浏览器打开控制台开发者模式时可以通过模拟设备来改变成安卓手机或苹果手机端，这样userAgen...

  $(window).width(); 注意此为JQ方法，需要引入JQ

一。子级iframe执行父级页面的一些操作 可以使用window.parent直接执行或调用父级的元素和函数 直接看这篇吧   二、父级执行子级iframe页面的一些操作 <iframe id='XulgriFrame' src='h...

方法一：具有固定定位的屏幕居中 .XulgrCenter{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: cen...