技术分享共112篇 第2页

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法

[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法-雪哥尔
进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义,比如没有滚动到设置的元素时,样式的宽度是100px,然后当用户滚动屏幕到设置的元素时,设置的元素就可以又以另一种自定义样式悬浮...
3年前
01800

CSS3鼠标:hover经过元素呼出显示图片

CSS3鼠标:hover经过元素呼出显示图片-雪哥尔
当鼠标停留在设置的元素时呼出图片,移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
3年前
01270

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

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

CSS对象图片

CSS对象图片-雪哥尔
width: 80px;height: 80px; /*对象宽高*/ background-image: url(https://imgs.xulgr.com/xg800.png); /*图片路径*/ background-size:80px 80px; /*调整background-image图片大小*/ background-...
5年前
07700

响应式样式

响应式样式-雪哥尔
  <meta name='viewport' content='width=device-width, initial-scale=1.0'> /* PC端 */ @media (max-width:9999px){ /* PC端样式 */ } /* 手机端 */ @media (max-width:1024px){ /...
5年前
04780

雷姆(Rem)2D模型

雷姆(Rem)2D模型-雪哥尔
下载: 链接:https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码:uyx7 安装: 头部引入: <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...
5年前
08380

PHP判断电脑端和手机端显示不同内容

PHP判断电脑端和手机端显示不同内容-雪哥尔
<?php function isMobile(){ $useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : ''; $useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)...
5年前
07090

微信小程序view居中显示

微信小程序view居中显示-雪哥尔
使用align-items:center和justify-content:center都可以让元素居中显示,值得注意的是,居中样式需放在整个样式的最前位置才能生效,我试过加上!important优先显示可不行。 .xg-list{ display: ...
3年前
04440

某些网站打不开的解决方法

某些网站打不开的解决方法-雪哥尔
本方法只对那些比如某些网站被宽带运营商(移动、联通或电信)给屏蔽了后无法访问的网站有用,需要梯子的网站这个方法是没用的哦~ 首先访问一个在线网站IP地址查询的网站,比如站长工具:http:/...
3年前
04760

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开

PHP判断微信和QQ内置浏览器,使用Layer弹出层自定义页面提示用户到浏览器打开-雪哥尔
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的,是的话直接用echo ''输出Layer内容(注意头部先引用layer和jquery)   <?php // 定义layer $xga = ' <script&...
3年前
02250