随笔分类 -  H5

摘要:dragstart drag dragend dragenter dragover dragleave drop 前端框架层出不穷,网页上的效果越来越绚丽,制作绚丽的效果的成本越来越低,其中有种拖拽的效果是十分常见并且实用的。 其实手机上的使用已经非常频繁,举个例子,用手指选中一张图片,然后将图片拖 阅读全文
posted @ 2019-01-07 11:28 xzzzys 阅读(648) 评论(0) 推荐(0)
摘要:1)效果: 点击“点击就送”那个按钮之后,弹窗从底部弹出并自带蒙层,然后点击弹窗之外的灰色部分就从底部消失: 第一步:引入 mui.css或者mui.min.css 引入 mui.min.js或者mui.js 第二步:<a href="#弹窗ID"> </a> <div id="弹窗ID" clas 阅读全文
posted @ 2017-11-24 11:32 xzzzys 阅读(16089) 评论(1) 推荐(1)
摘要:前言 今天主要介绍一下html5重力感应事件之DeviceMotionEvent,之前我的一篇文章http://www.haorooms.com/post/jquery_jGestures, 介绍了第三方封装的事件,里面的“orientationchange”可以获取设备方向的改变。今天主要介绍一下 阅读全文
posted @ 2017-11-13 17:02 xzzzys 阅读(1970) 评论(0) 推荐(0)
摘要:关于devicemotion html5提供了几个新的DOM事件来获得设备物理方向及运动的信息,包括:陀螺仪、罗盘及加速计。 第一个DOM事件是**deviceorientation**,其提供设备的物理方向信息,表示为一系列本地坐标系的旋角。第二个DOM事件是**devicemotion**,其提 阅读全文
posted @ 2017-11-13 17:01 xzzzys 阅读(1523) 评论(0) 推荐(0)
摘要:用window.DeviceMotionEvent来判断手机浏览器是否支持访问硬件资源,window.addEventListener('devicemotion',deviceMotionHandler,false);通过上一句代码来对该事件进行监听,第一个参数是事件类型,第二个参数是一个func 阅读全文
posted @ 2017-11-09 11:11 xzzzys 阅读(1269) 评论(0) 推荐(0)
摘要:这个代码也非常简单,核心是HTML5中GeoLocation API,函数原型定义如下: void getCurrentPosition(in PositionCallback successCallback, in optional PositionErrorCallback errorCallb 阅读全文
posted @ 2017-10-18 16:56 xzzzys 阅读(1663) 评论(0) 推荐(0)