jq实现图片在父级容器内等比例缩放且居中显示
jq实现图片在父级容器内等比例缩放且居中显示
jq实现图片在父级容器内等比例缩放且居中显示css样式demo{width:500px;height:250px;overflow: hidden;background: red;margin-bottom:15px;}html文件<divclass="demo"><imgsrc="http://www.menvscode.com/upload/56224941679780
浏览:1438 标签: 缩放 居中 图片 jq
css3实现超出指定文本以省略号显示效果
css3实现超出指定文本以省略号显示效果
css3实现超出指定文本以省略号显示效果:一种是单行显示省略号;另一种是自己可以控制几行,最后一行末尾才显示省略号。css样式.text01 {width:200px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text
浏览:1397 标签: css3 省略号
基于jq实现3D旋转轮播/点击轮播
基于jq实现3D旋转轮播/点击轮播
1、css样式布局        介绍一下上图的布局思路:上图所示,容器里面有五个小容器,五个小容器一定要是绝对定位,用 top 和 left 值来逐个定位,顺序就是上图的标号从一到五(按照自己的需要修改容器个数,这里用五个图举例),当然一定要记得父级元素相对定位。2、js的大致思路        自动循环轮播的图片,当前图片向左滑动,下一张图片就紧接着向左滑动进入可
浏览:1796 标签: 轮播
js判断是否是ie浏览器且给出ie版本
js判断是否是ie浏览器且给出ie版本
        怎么去看浏览器的内核等信息 ---- js的全局对象window子属性navigator.userAgent,这个属性是包含了浏览器信息的相关信息,包括我们需要的浏览器内核;navigator.userAgent 这个值取出来是个字符串,可以通过string的 indexOf 方法或者正则匹配来验证关键字符串。        ie11和edge的判断方式有所不
浏览:1516 标签: ie 浏览器 js
html5的video标签自动填充满父级div的大小
html5的video标签自动填充满父级div的大小
使用video标签,视频总不能占满父级全屏,如下图所示,本文提供了两个方法来解决这个问题:方法一:原理是父级的div将video超出部分给隐藏了,这种方法属于奇淫技巧、野路子,->_->。.videoBox {width:100%;position: relative;height:980px;background:#000;overflow: hidden;min-wi
浏览:2947 标签: video html5
js利用substring()替换指定长度的字符串
js利用substring()替换指定长度的字符串
js利用substring()替换指定长度的字符串的代码functiontransformStr(oldStr, start, end, replaceStr){return oldStr.substring(0,start-1)+replaceStr+oldStr.substring(end,oldStr.length);}这里一共有4个参数        oldStr
浏览:3195 标签: substring js
jquery实现上传多个文件(file类型),并能单个删除
jquery实现上传多个文件(file类型),并能单个删除
        下面demo实现功能有:1、支持上传多个文件;2、可单独删除某个文件;3、可限制上传的文件类型;4、不允许同名文件再次上传。css代码.upLink{text-decoration: none;cursor: pointer;}.upLink:hover{text-decoration:underline;}.fileBox{position:relative
浏览:2480 标签: jquery 文件 file
移动端开发之touch事件
移动端开发之touch事件
touch事件        touchstart:手指触碰;touchmove:手指移动;touchend 手指抬起。在模拟器下,不支持用on 的方式来给元素加touch事件,在真机没有问题。通常在开发中建议用addEventListener去给元素添加事件。box.ontouchstart =function(){ //不建议使用,模拟器上无效console.log(0)
浏览:1495 标签: touch事件
jquery实现列表选择点击左右列表选择器特效代码
jquery实现列表选择点击左右列表选择器特效代码
        本特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 等浏览器。        jquery实现列表选择点击左右列表选择器特效代码(function($){ $.fn.initList =function(){var selectTitle = $(this);
浏览:1518 标签: jquery jq插件
关于移动端 rem 布局的一些总结
关于移动端 rem 布局的一些总结
        【资源一】基础知识恕不回顾        基础知识参考以下两篇博客:http://isux.tencent.com/web-app-rem.htmlhttp://www.w3cplus.com/css3/define-font-size-with-css3-rem        【资源二】淘宝m站首页的动态实现        学习http://m.t
浏览:1614 标签: rem 移动端
前端页面适配的rem换算
前端页面适配的rem换算
                为什么要使用rem        之前有些适配做法,是通过js动态计算viewport的缩放值(initial-scale)。    例如以屏幕320像素为基准,设置1,那屏幕375像素就是375/320=1.18以此类推。        但直接这样强制页面缩放过于粗暴,会导致页面图片文字失真模糊。        px是相对固定单位,字号
浏览:1808 标签: rem
移动端适配之rem
移动端适配之rem
        随着手机等移动设备的普及,移动端带来的流量已经不可忽视,一个网站不只是只有pc的页面就足够了,移动端的适配已经势在必行。但是移动设备种类繁多,屏幕尺寸也千奇百怪,能不能找到一种方式可以适配所有的手机屏幕呢?答案就是rem。        俗话说 “授人以鱼不如授人以渔”,但今天我就反其道而行,就是授人以鱼的。因为要跟你说什么设备像素比、css像素、ppi等东西
浏览:1745 标签: rem 移动端

邮箱快速注册

忘记密码