简单的JS实现选项卡Tab非同级切换
网上大部分选项卡代码是在同个父级下实现的，这样对前端比较难设计显示出来的样式，所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件，然...
将png或jpg图片制作成svg图标文件
一、下载安装Adobe Illustrator （AI） 关注后回复“AI”或“ai”免费下载Adobe Illustrator CC 2019安装包 二、使用AI制作 1.打开AI软件，按Ctrl+O打开文件选择你要制作图标的png或者jp...
纯CSS流星雨效果
最近在我的小程序授权登录页加了一些好看的小样式，顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...
苹果CMSv10自定义HTML页面教程
比如我要在/template/你的模板/html/user目录下新建一个xulgr.html文件 新建后访问会提示页面不存在 解决方法：
使用js点击复制按钮将textarea框隐藏
<style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-bzm-input'...
JQ选项卡Tab非同级切换并同步下划线滑动效果
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文，用起来感觉还不够丝滑，这次添加了下划线（也就是border-bottom）样式，达到切换任意相邻或不相邻的TAB时都能实现...
JS禁止用户打开调试，判断用户浏览器进入开发者模式并跳转
//禁止右键菜单 document.oncontextmenu = function(){ return false; }; //禁止F12快捷键 document.onkeydown = function(e){ if (e.keyCode === 123) { return false; } }; //当用户打开控制...
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...
PHP获取当前url链接的一些函数
示例链接：https://xulgr.com/test/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名，输出结果：xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号，输出结...
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
