最新博文第11页
CSS延迟hover消失时间
一般情况下我们会直接用transition来设置动画效果，如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
简单的CSS+JS实现鼠标指针附带图标
html部分直接在body开头加上img图标地址即可 <img src='图标地址' class='xg-mouse'> 图标建议使用透明背景的png或svg CSS部分直接定义图标大小和绝对定位即可 .xg-mouse {width:40px;hei...
纯CSS流星雨效果
最近在我的小程序授权登录页加了一些好看的小样式，顺便分享出来 CSS .xulgrrainbox { position: relative; width: 100%; height: 100%; transform: rotateZ(45deg); position: fixed; top: 0; ...
PHP判断安卓苹果Windows用户当前的操作系统
<?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,'iPhone') || strpos($userAgent,'iPad') || strpos($userAgent,'iPod')){ echo '苹果'; }else if(strpos($userAgen...
9个纯CSS字体样式
.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...
微信小程序点击自动滚动到指定元素位置
官方文档：前往查看 可以直接套用官方的示例js代码，将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
CSS同行并排显示
我一直都在用的是 display: flex; 直接在父级元素加上display: flex，元素内的样式都会响应式并排显示，非常简单。 还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...
安装Node.js和配置npm教程
下载Node.js：http://nodejs.cn/download/current/ 备用百度网盘（64位）下载：https://pan.baidu.com/s/1_eOt2vt8kBQwdoyoP9l5wQ?pwd=xgwo 安装时一路点next就行 安装后键盘按win+R进入...
JS判断页面是否被iframe嵌套
1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...
微信小程序去掉HTML富文本中带标签的代码
最近在弄个小程序，发现对接wordpress获取的文章摘要里显示代码标签，像<p>、<a>、<br>这些，然后找了很久才整合了个纯前端的修复方法 直接在wxml中随意行添加以下mod...
