技术分享共37篇 第2页

纯CSS让文字行数限制超出显示省略号

纯CSS让文字行数限制超出显示省略号-雪哥尔
直接用CSS来控制文字或字符的整行,比如先在父级控制一个绝对高度和宽度的框,然后用下面的CSS来控制一段文字行数,超出则显示省略号... 方法1:单行情况下,规定长度,超出部分显示省略号 .Xul...
3年前
045212

玩转layer弹窗弹出层

玩转layer弹窗弹出层-雪哥尔
全部头部先引用 <script src='https://code.xulgr.com/js/jquery-1.8.2.min.js'></script> <script src='https://code.xulgr.com/js/layer/layer.js' type='text/javascript'>...
5年前
077312

css中的flex(弹性)布局,并排显示

css中的flex(弹性)布局,并排显示-雪哥尔
1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向,从左往右 如图: flex-direction: row-reverse; // 主轴水平方向的逆方向,从右往左 flex-dir...
3年前
050611

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...
3年前
023110

CSS的Flex布局并排间距换行间距和每几个元素换行间隔

CSS的Flex布局并排间距换行间距和每几个元素换行间隔-雪哥尔
直接上例子,每4个元素换行并设置10px的间距 ul{ display: flex; flex-wrap: wrap; /*flex弹性换行*/ margin: -10px; /*父元素抵消掉子元素的间距*/ } ul li{ margin: 10px; /*子元素之间的间距...
2年前
051910

js获取用户的IP和地址

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

PHP跨域:PHP调用/引用/引入其他域名/其他服务器里的php文件

PHP跨域:PHP调用/引用/引入其他域名/其他服务器里的php文件-雪哥尔
最近在自学PHP加深HTML里,因为我是纯前端的,没法做个后端去批量修改一些标签,每次更新整改都是改代码和数据库,这次我还是用php调用' `<?php include_once('根目录php文件') ?>` ”代...
5年前
064410

JavaScript检测判断是否在iPhone中的Safari浏览器打开

JavaScript检测判断是否在iPhone中的Safari浏览器打开-雪哥尔
<script type='text/javascript'> var ua = navigator.userAgent.toLowerCase(); //判断是不是在iPhone的Safair浏览器打开的本页面 if (ua.indexOf('applewebkit') > -1 && ua...
4年前
058810

JS判断浏览器宽度

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

JS载入页面后立即自动触发点击事件

JS载入页面后立即自动触发点击事件-雪哥尔
//getElementById('绑定的id') //querySelector('绑定的.CSS或#id') //getElementsByName('绑定name的值') var XulgrClickNow = '#xulgr'; if(document.all) { //兼容IE document.querySelector...
2年前
03299