技术分享共28篇

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

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

PHP获取当前url链接的一些函数

PHP获取当前url链接的一些函数-雪哥尔
示例链接:https://xulgr.com/test/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名,输出结果:xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号,输出结...
11个月前
01266

响应式居中-在整个屏幕最中间的位置

响应式居中-在整个屏幕最中间的位置-雪哥尔
方法一:具有固定定位的屏幕居中 .XulgrCenter{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: cen...
2年前
02576

使用js点击复制按钮将textarea框隐藏

使用js点击复制按钮将textarea框隐藏-雪哥尔
<style> #xulgr-bzm-input{ position:absolute; top:-9999px; left:-9999px; } </style> <p id='xulgr-bzm-text'>被复制的内容</p> <textarea id='xulgr-bzm-input'...
3年前
213057

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...
11个月前
01797

HTML中用php或js获取当前完整url链接

HTML中用php或js获取当前完整url链接-雪哥尔
利用JS获取当前完整url链接: <script>document.write( window.location.href );</script>   这个可以很好的用在404错误或重定向里,主要用于来显示当前链接。 利用php获取当...
4年前
04667

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

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

JQ选项卡Tab非同级切换并同步下划线滑动效果

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

苹果CMSv10自定义HTML页面教程

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

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

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