touch事件封装tap轻触事件

touch事件封装tap轻触事件

单手指事件:【1】touchstart:手指按在屏幕上【2】touchmove:手指在屏幕上移动【3】touchend:手指离开屏幕【4】touchcancle :手指操作取消(一般都是意外情况导致操作取消)多手指事件:【1】getsturestart:多手指按下【2】getsturechange:多手指位置改变【3】getstureend :手指离开【4】g
浏览:495 标签: touch tap 时间: 2018-04-11 14:36
mui框架grid栅格布局

mui框架grid栅格布局

该文章将mui框架中grid栅格布局的css代码单独拿出来。演示的html代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>MVC前端网(menVScode)_前端博客_前端技术_前端资源下载_学习,成为更好的自己</title><metaname="viewport"content="widt
浏览:1399 标签: mui grid 栅格 时间: 2018-04-11 13:58
基于jquery实现分页效果

基于jquery实现分页效果

效果展示html代码<!DOCTYPE html> <html lang="en"><head><head>     <meta charset="utf-8" />     <title>MVC前端网(menvscode.com)</title>     <style>     *{ margin:0; padding:0; list-style:n
浏览:431 标签: jquery 分页 时间: 2018-04-08 13:45
JS日期格式化转换方法

JS日期格式化转换方法

将日期转换为指定的格式:比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法,只是总结下。可以为Date原型添加如下的方法:Date.prototype.format =function(fmt){var o = {"M+" :this.getMonth()+1,//月份"d+" :this.getDate(
浏览:530 标签: js 日期格式 时间: 2018-03-23 13:16
mui中dtpicker组件--弹出日期选择器(移动端滑动日历)

mui中dtpicker组件--弹出日期选择器(移动端滑动日历)

dtpicker组件适用于弹出日期选择器,使用dtpicker组件必须要引入 mui.min.js、mui.min.css、mui.picker.min.css、mui.picker.min.js。【1】1. 通过 new mui.DtPicker() 初始化DtPicker组件var dtPicker =new mui.DtPicker(options)【2】显示pick
浏览:2595 标签: 日期 dtpicker mui 时间: 2018-03-16 14:31
原生js实现图片放大镜效果及原理分析

原生js实现图片放大镜效果及原理分析

放大镜的关键原理        鼠标在小图片上移动时,通过捕捉鼠标在小图片的位置,来定位大图片的相应位置。        放大镜的移动方向和大图片的移动方向:横向相反,纵向相反。页面元素        小图片、存放小图片的容器、大图片、存放大图片的容器、放大镜技术点:时间捕获、定位        onmouseover:会在鼠标指针移动到指定的对象上时发生。   
浏览:795 标签: 放大镜 js 时间: 2017-11-28 18:20
原生js实现图片放大镜效果

原生js实现图片放大镜效果

放大镜原理        放大镜的实现过程是将一个小图放置在一个盒子里。宽高都是100%。当鼠标在小图盒子里移动时,出现一个移动块(阴影区域)。右侧大图片盒子出现一个等比例放大的在小图盒子移动块中的图片内容。如图(请勿过于认真看图片,注意圈圈(¬_¬)):        一定要理解上图中圈起来的阴影块是箭头指向的粉红色圈的等比缩小版。理解了这个在接下来的代码中,我们才知道
浏览:541 标签: 放大镜 js 时间: 2017-11-28 16:11
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
浏览:609 标签: 缩放 居中 图片 jq 时间: 2017-11-16 13:21
css3实现超出指定文本以省略号显示效果

css3实现超出指定文本以省略号显示效果

css3实现超出指定文本以省略号显示效果:一种是单行显示省略号;另一种是自己可以控制几行,最后一行末尾才显示省略号。css样式.text01 {width:200px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text
浏览:583 标签: css3 省略号 时间: 2017-10-31 10:43
基于jq实现3D旋转轮播/点击轮播

基于jq实现3D旋转轮播/点击轮播

1、css样式布局        介绍一下上图的布局思路:上图所示,容器里面有五个小容器,五个小容器一定要是绝对定位,用 top 和 left 值来逐个定位,顺序就是上图的标号从一到五(按照自己的需要修改容器个数,这里用五个图举例),当然一定要记得父级元素相对定位。2、js的大致思路        自动循环轮播的图片,当前图片向左滑动,下一张图片就紧接着向左滑动进入可
浏览:721 标签: 轮播 时间: 2017-10-30 16:43
js判断是否是ie浏览器且给出ie版本

js判断是否是ie浏览器且给出ie版本

        怎么去看浏览器的内核等信息 ---- js的全局对象window子属性navigator.userAgent,这个属性是包含了浏览器信息的相关信息,包括我们需要的浏览器内核;navigator.userAgent 这个值取出来是个字符串,可以通过string的 indexOf 方法或者正则匹配来验证关键字符串。        ie11和edge的判断方式有所不
浏览:632 标签: ie 浏览器 js 时间: 2017-10-24 18:16
html5的video标签自动填充满父级div的大小

html5的video标签自动填充满父级div的大小

使用video标签,视频总不能占满父级全屏,如下图所示,本文提供了两个方法来解决这个问题:方法一:原理是父级的div将video超出部分给隐藏了,这种方法属于奇淫技巧、野路子,->_->。.videoBox {width:100%;position: relative;height:980px;background:#000;overflow: hidden;min-wi
浏览:652 标签: video html5 时间: 2017-10-10 17:14

邮箱快速注册

忘记密码