2017年08月_雷斯巴能

12月 11月 10月 09月 08月 07月 06月 05月 03月 01月

转载移动端触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel

Touch事件简介 pc上的web页面鼠标会产生：onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件。但是在移动终端上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件。分别对应了触屏开始、拖拽及完成触屏事件和取消。当按下手指时，触发ontou

2017-08-25 15:19:51 11351

原创纯JS、CSS3实现高仿IOS消息alert弹窗（警告框，确认框，提示框）。老铁们，没毛病。

简洁，大方的ios弹窗风格。网上有很多关于alert 弹窗的栗子可以借鉴使用。本文章主要应用在移动端上面的弹窗实现。在项目没有应该到其他框架的弹窗的基础上，此实例应该可以满足大部分弹窗上的要求,可直接应用于项目之中。使用方法： 1、引入依赖的样式文件和脚本，（也可直接引入非压缩文件，附件包含）：<link href="popup.min.css" type="text/css" rel="st

2017-08-25 10:43:25 5502

原创使用jquery.lazyload.js 图片懒加载

1、引入必须的JS一依赖文件<script src="js/jquery-1.11.0.min.js"></script><script src="js/jquery.lazyload.min.js"></script>2、为图片加入样式lazy 图片路径引用方法用data-original<div clas

2017-08-21 15:15:49 459

转载移动H5手势密码解锁插件--demo

“”下面“”备注：此实例应用于移动H5端，手势密码解锁的功能。实例针对不同大小的移动设备做了相应解锁屏幕的大小尺寸。密码设置为一个 Z。需要使用手势解锁的移动前端的童鞋们，希望能帮助到。附件Demo: http://download.csdn.net/download/china_guanq/9937714

2017-08-17 10:51:19 2744

原创 H5技术完美实现调用手机摄像头、相册。图片上传base64，图片压缩、预览、删除以及图片旋转90度的处理--demo。

看了帖子上有很多关于H5调用手机摄像头、相册的例子，也有很多可靠的栗子，综合技术点针对HTML5调用用手机相机、相册的的一次代码整合。实现提供完成的Demo提供给大家，可直接应用于项目中需要图片上传的功能。因为是H5直接调用，并没有用到像Cordova或者HTML5Plus的 JavaScript库去调用手机硬件，因此在低端手机可能会调用不到摄像图、或者相册，因此这也是在H5在这里的不足，不好解决。

2017-08-16 23:50:45 10762 1

原创移动H5页面CSS 样式控制，禁止页面文本复制代码

*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-use

2017-08-15 13:24:51 4113

原创举例在移动HTML5 UI框架有那些

近年来，随着前端技术领域的迅速发展，各种新技术、框架，层出不穷。特别是在移动H5领域的发展，针对本文列出一些H5 的UI框架，帮助开发者以及自己在开发移动H5项目上做一个借鉴。如果有其他好用的移动H5开发UI框架，欢迎Mark1、MUI http://www.dcloud.io/mui.html2、Ionic http://www.ionic.wang/3、SUI Mobile http:/

2017-08-10 15:02:23 796

原创 js css3仿ios toast提示。

1、引入的样式与js文件：<link href="toast.css" rel="stylesheet" /><script src="toast.js" type="text/javascript"></script>2、文件确保引入正确。调用方法showToast（text,

2017-08-08 18:59:55 464

原创清晰明了告诉你RequireJS 的使用。

RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。实现模块化加载。使用方法： 1、引入require.js,官网下载地址： http://requirejs.org/docs/download.html#requirejs<scrip

2017-08-04 16:06:03 519

原创 JavaScript 实现loading加载效果实现页面遮罩层

1、引入需要JS文件<script src="js/page-over.min.js" type="text/javascript"></script>2、HTML页面加载遮罩块代码如下。 <div id="overlay"></div>3、JavaScript 如何实现打开和关闭遮罩

2017-08-03 14:09:02 15509

转载整合53种纯CSS3炫酷loading指示器动画特效

很好用的loading 加载效果。53种纯CSS3炫酷loading指示器动画特效。常用于移动开发领域，请求网络loading 加载的提示。附件Demo : http://download.csdn.net/detail/china_guanq/9919553转载：

2017-08-03 09:23:15 5112

转载 js获取页面元素高度、宽度

网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线和滚动条的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidt

2017-08-01 14:42:17 480

原创 js 判断滚动条滚动到底部

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title&g

2017-08-01 14:37:50 886