技术分享共101篇
排序
CSS凸出感按钮，按钮凹陷感效果
分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码：（可以是图片，也可以用font图标，自己引入样式即可） <div class='container'> <div class='box'> <div class='img'> &...
iframe页面利用JS点击事件到父级页面执行
只需在子页面的JS前加上window.parent即可实现在父级执行。 示例：父级页面 <iframe src='iframe.html' frameborder='0'></iframe> 示例：iframe页面HTML内容 <a href='javascri...
JS载入页面后立即自动触发点击事件
//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector(XulgrClickNow).click(); } else { //...
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/xulgr.php?qq=2037555766 $_SERVER['SERVER_NAME'] //获取当前链接的主域名，输出结果：xulgr.com $_SERVER['SERVER_PORT'] //获取当前链接的端口号，输出结果：80...
CSS粘滞定位：页面滑动到某位置时使其固定不动，随父元素结束解除固定
只需使用position: sticky即可实现 position: sticky; top: 0px; 需要注意的是： 父元素不能有overflow:hidden或者overflow:auto属性； 必需指定top、bottom、left、right这4个值之一，否则只会...
JS判断手机触摸、PC滚动条和PC鼠标滚轮的向上或向下滑动
第一种：判断触摸屏（手机平板）手指的向上或向下滑动 var startY = 0; document.addEventListener('touchstart',function(e){ startY = e.changedTouches[0].pageY; },false); document.addEve...
简单的JS返回顶部和一键切换背景色和颜色（日间夜间模式）
HTML <button id='xgtotop'><i class='xulgricon'></i></button> <button id='xglink'><i class='xulgricon'></i></but...
CSS字体引入格式
几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/ 一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...
PHP判断安卓苹果Windows用户当前的操作系统
<?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,'iPhone') || strpos($userAgent,'iPad') || strpos($userAgent,'iPod')){ echo '苹果'; }else if(strpos($userAgen...
