移动端事件对象-touches/targetTouches/changedTouches
移动端事件对象-touches/targetTouches/changedTouches
        当给某个元素加上了事件绑定函数之后,事件函数默认的第一个参数就是事件对象。        事件对象:当用户在浏览器下触发了某个行为,事件对象会记录用户操作时一些细节信息。         touches:当前位于*屏幕*上的所有手指的一个列表         targetTouches:位于当前DOM元素上的手指的一个列表         chan
浏览:1018 标签: touches targetTouches changedTouches 移动端
移动端touch事件-ontouchstart/ontouchmove/ontouchend
移动端touch事件-ontouchstart/ontouchmove/ontouchend
        移动端的三大事件         手指按下:ontouchstart;手指移动:ontouchmove;手指抬起:ontouchend。       注意:在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定事件函数,要用事件绑定的方式 (addEventListener)。 var div = document.getElementByI
浏览:1087 标签: touch 移动端
移动端开发适配方式-百分比适配/rem适配/弹性盒模型
移动端开发适配方式-百分比适配/rem适配/弹性盒模型
1、百分比适配<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><metaname="viewport"content="width=device-width,user-scalable=no"><styletype="text/css">     body {marg
浏览:1083 标签: 适配 移动端 rem
移动端开发去除默认css样式/overflow问题
移动端开发去除默认css样式/overflow问题
        清除点击阴影:-webkit-tap-highlight-colora,input,button{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}        清除按钮圆角 (ios上):-webkit-appearanceinput,button {-webkit-appearance: none;border
浏览:1234 标签: 移动端 css
移动端开发viewport设置/常见的meta设置
移动端开发viewport设置/常见的meta设置
        viewport 视口(可视区窗口)<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=.5,minimum-scale=.5,maximum-scale=1">        默认不设置 viewport 一般可视区宽度在移动端是980。width
浏览:1224 标签: viewport 移动端 meta
webpack入门指南
webpack入门指南
        打包初体验        用npm初始化项目,生成 package.json 文件,管理包文件。 npm init -y        安装 webpack,当前版本号 3.10.0 npm install webpack --save-dev        配置  package.json{"name":"menvscode.com","version"
浏览:952 标签: webpack
原生js实现图片放大镜效果及原理分析
原生js实现图片放大镜效果及原理分析
放大镜的关键原理        鼠标在小图片上移动时,通过捕捉鼠标在小图片的位置,来定位大图片的相应位置。        放大镜的移动方向和大图片的移动方向:横向相反,纵向相反。页面元素        小图片、存放小图片的容器、大图片、存放大图片的容器、放大镜技术点:时间捕获、定位        onmouseover:会在鼠标指针移动到指定的对象上时发生。   
浏览:1561 标签: 放大镜 js
原生js实现图片放大镜效果
原生js实现图片放大镜效果
放大镜原理        放大镜的实现过程是将一个小图放置在一个盒子里。宽高都是100%。当鼠标在小图盒子里移动时,出现一个移动块(阴影区域)。右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容。如图(请勿过于认真看图片,注意圈圈(¬_¬)):        一定要理解上图中圈起来的阴影块是箭头指向的粉红色圈的等比缩小版。理解了这个在接下来的代码中,我们才知道
浏览:1026 标签: 放大镜 js
前端开发--第三方开发文档集合
前端开发--第三方开发文档集合
1、腾讯开发平台http://wiki.open.qq.com/wiki/%E9%A6%96%E9%A1%B52、微信公众平台技术文档https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14452414323、微信支付开发文档https://pay.weixin.qq.com/wiki/doc/api/inde
浏览:958 标签: 开发文档
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
浏览:1050 标签: 缩放 居中 图片 jq
css3实现超出指定文本以省略号显示效果
css3实现超出指定文本以省略号显示效果
css3实现超出指定文本以省略号显示效果:一种是单行显示省略号;另一种是自己可以控制几行,最后一行末尾才显示省略号。css样式.text01 {width:200px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text
浏览:1007 标签: css3 省略号
基于jq实现3D旋转轮播/点击轮播
基于jq实现3D旋转轮播/点击轮播
1、css样式布局        介绍一下上图的布局思路:上图所示,容器里面有五个小容器,五个小容器一定要是绝对定位,用 top 和 left 值来逐个定位,顺序就是上图的标号从一到五(按照自己的需要修改容器个数,这里用五个图举例),当然一定要记得父级元素相对定位。2、js的大致思路        自动循环轮播的图片,当前图片向左滑动,下一张图片就紧接着向左滑动进入可
浏览:1367 标签: 轮播

邮箱快速注册

忘记密码