技术分享共109篇

JS判断浏览器宽度

JS判断浏览器宽度-雪哥尔
  $(window).width(); 注意此为JQ方法,需要引入JQ
6个月前
0659

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

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

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

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

JS判断页面是否被iframe嵌套

JS判断页面是否被iframe嵌套-雪哥尔
1.判断当前页面是否在iframe中 //方式一 if(self.frameElement && self.frameElement.tagName == 'IFRAME'){ alert('在iframe中'); } //方式二 if(window.frames.length != parent.fram...
5个月前
07913

微信小程序去掉HTML富文本中带标签的代码

微信小程序去掉HTML富文本中带标签的代码-雪哥尔
最近在弄个小程序,发现对接wordpress获取的文章摘要里显示代码标签,像<p>、<a>、<br>这些,然后找了很久才整合了个纯前端的修复方法   直接在wxml中随意行添加以下mod...
2年前
0800

微信小程序点击自动滚动到指定元素位置

微信小程序点击自动滚动到指定元素位置-雪哥尔
官方文档:前往查看 可以直接套用官方的示例js代码,将.xulgr修改成滚动目标的CSS值即可 scrollTo() { // 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置 wx.createSelectorQuery()...
2年前
0960

安装Node.js和配置npm教程

安装Node.js和配置npm教程-雪哥尔
下载Node.js:http://nodejs.cn/download/current/ 备用百度网盘(64位)下载:https://pan.baidu.com/s/1_eOt2vt8kBQwdoyoP9l5wQ?pwd=xgwo 安装时一路点next就行   安装后键盘按win+R进入...
2年前
0970

CSS同行并排显示

CSS同行并排显示-雪哥尔
我一直都在用的是 display: flex; 直接在父级元素加上display: flex,元素内的样式都会响应式并排显示,非常简单。   还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...
2年前
0970

CSS延迟hover消失时间

CSS延迟hover消失时间-雪哥尔
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
4个月前
09814

9个纯CSS字体样式

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