技术分享共37篇 第4页

使用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'...
4年前
220977

将png或jpg图片制作成svg图标文件

将png或jpg图片制作成svg图标文件-雪哥尔
一、下载安装Adobe Illustrator (AI) 关注后回复“AI”或“ai”免费下载Adobe Illustrator CC 2019安装包   二、使用AI制作 1.打开AI软件,按Ctrl+O打开文件选择你要制作图标的png或者jp...
5年前
011357

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...
2年前
04037

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

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

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

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

简单的CSS+JS实现鼠标指针附带图标

简单的CSS+JS实现鼠标指针附带图标-雪哥尔
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
3年前
02986

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

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