技术分享共112篇 第5页
排序
PHP判断微信和QQ内置浏览器，使用Layer弹出层自定义页面提示用户到浏览器打开
首先用PHP判断用户是否在微信内置浏览器和判断QQ内置浏览器访问网站的，是的话直接用echo ''输出Layer内容（注意头部先引用layer和jquery） <?php // 定义layer $xga = ' <script&...
CSS滑动到某位置元素固定住不动或滚动到顶部然后固定
此代码为纯CSS的基本样式，进阶方法查看：点击前往查看 其实只需要用position:sticky就够了，然后用top在设置距顶位置即可。 position: -webkit-sticky; /* 使Safari浏览器兼容 */ position: st...
CSS3鼠标:hover经过元素呼出显示图片
当鼠标停留在设置的元素时呼出图片，移开后隐藏。 CSS代码 .xulgr-hovershow .xulgr-hovershow-img { opacity:0; transform:translateY(6px); transition:.4s; } .xulgr-hovershow:hover .xulgr...
[进阶方法]JS+CSS滑动到某位置元素固定住不动或滚动到顶部然后固定的进阶方法
进阶方法有个好处就是悬浮前和滚动悬浮后的样式都可以自定义，比如没有滚动到设置的元素时，样式的宽度是100px，然后当用户滚动屏幕到设置的元素时，设置的元素就可以又以另一种自定义样式悬浮...
微信小程序view居中显示
使用align-items:center和justify-content:center都可以让元素居中显示，值得注意的是，居中样式需放在整个样式的最前位置才能生效，我试过加上!important优先显示可不行。 .xg-list{ display: ...
CSS hover按钮背景色渐变
自定义鼠标hover按钮时,botton的背景颜色渐变效果 <!DOCTYPE html> <html lang='en'> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> &...
纯CSS流星雨效果
最近在我的小程序授权登录页加了一些好看的小样式，顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...
微信小程序点击自动滚动到指定元素位置
官方文档：前往查看 可以直接套用官方的示例js代码，将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
CSS同行并排显示
我一直都在用的是 display: flex; 直接在父级元素加上display: flex，元素内的样式都会响应式并排显示，非常简单。 还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...
css中的flex（弹性）布局，并排显示
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如图： flex-direction: row-reverse; // 主轴水平方向的逆方向，从右往左 flex-dir...
