技术分享共112篇 第8页

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

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

JS判断页面是否被iframe嵌套

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

js判断在微信内置浏览器/QQ浏览器/百度浏览器/UC浏览器/火狐浏览器/谷歌浏览器上显示或跳转不同页面内容

js判断在微信内置浏览器/QQ浏览器/百度浏览器/UC浏览器/火狐浏览器/谷歌浏览器上显示或跳转不同页面内容-雪哥尔
 此代码我在PC和手机端测试过了都没问题 js判断浏览器的语言选择不同的页面 <script> var wn=window.navigator; var href=location.href; if ((wn.systemLanguage=='zh-cn' || wn.langua...
5年前
010550

阴影颜色渐变圆角边框

阴影颜色渐变圆角边框-雪哥尔
上次我说的边框颜色渐变有个缺陷就是不能控制圆角,今天写个阴影颜色渐变圆角边框   实例代码: <style> .xulgr-input{margin:40px;} .xulgr-input2{margin:40px;} .xulgr-input{ po...
5年前
08030

HBullderX uniapp项目打包封装成exe电脑PC应用软件

HBullderX uniapp项目打包封装成exe电脑PC应用软件-雪哥尔
直接用域名打包其实没什么卵用(还不如直接在浏览器访问),所以这次琢磨了一下不用域名,利用uniapp的H5项目打包exe。   第一步:安装nodejs 【下载LTS版】 官网下载:Node.js (nodejs.or...
3年前
04640

js获取用户的IP和地址

js获取用户的IP和地址-雪哥尔
需要先引入js: <script src='https://pv.sohu.com/cityjson?ie=utf-8'></script>   获取用户的IP地址 document.write(returnCitySN['cip'])   获取用户的城市地址 docum...
5年前
0158510

纯CSS弹窗,不借助JS的纯CSS弹出层

纯CSS弹窗,不借助JS的纯CSS弹出层-雪哥尔
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
5年前
06250

响应式居中-在整个屏幕最中间的位置

响应式居中-在整个屏幕最中间的位置-雪哥尔
方法一:具有固定定位的屏幕居中 .XulgrCenter{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: cen...
3年前
05416

CSS响应式屏幕宽度自动适应

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

html和php获取当前年份代码

html和php获取当前年份代码-雪哥尔
<script>document.write( new Date().getFullYear() );</script>  
5年前
04740