移动端，mui + h5 实现长按图片保存到相册
送您一个最高1888元的阿里云大礼包，快来领取吧~ 1.页面引入mui的js和css ，初始化mui时将longtap（长按事件）放开 2.html页面 <!--弹框的div--> <div id="picture" class ...
原文：MUI - H5实现ios长按图标后进入图标排序及删除功能的效果
html 实现ios长按图标后进入图标排序及删除功能的效果 .首先要保证移动端支持tap,longtap,touch,drag等事件，因此引入了mui.js,当然根据项目需求，可以选择zepto.js等前端框架 .图标不停抖动的效果需要用到CSS 的animation,transfrom .最关键的一点，排序和删除的功能，使用sortable.js来实现，不过最新的版本还是有些小瑕疵，因此我在源码 ...
2015-10-08 14:27 0 6076 推荐指数：
相关推荐
关于H5实现微信长按图片拖动调整顺序
当你明白功能的实现逻辑的时候，往往实现的过程中会给你带来惊喜，所以先去明确功能的实现逻辑，剩下的事情会水到渠成比如这个功能，开始的时候我是这样想的，第一张图片的左侧中点作为左侧触发边界点，右侧中点作为右侧触发边界点，当第一张图片的右侧边界点拖动到第二张图片的右半部分时，将第二张图片移动到左边 ...
h5移动端禁止长按图片保存
在移动端访问H5页面的时候，长按图片就会把图片保存起来，为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。那该如何实现呢？下面给出3种解决方案。 方案一：使用 pointer-events:none img{ pointer-events:none ...
H5页面长按复制功能实现
手机赚钱怎么赚,给大家推荐一个手机赚钱APP汇总平台:手指乐(http://www.szhile.com/),辛苦搬砖之余用闲余时间动动手指,就可以日赚数百元 默认情况下禁止了长按复制功能，要此功能需要增加css声明： -webkit-user-select: auto; 让整个页面 ...
iOS -- 透明H5(webView)效果的实现
前几天有一个完全透明的webView加载H5页面的效果的实现，就相当于是一个半透明的遮罩层，上面有一个不透明的图片，一般原生的带遮罩层的弹框会采用这种方式，如果是原生代码实现，就简单的多了，视图的叠加就可以搞定，但如果整个页面包括遮罩层都要用webView加载H5来实现的话，就会 ...
H5实现按钮的长按事件
最近要做一个手机页面，模拟遥控器对硬件设备做控制，有对镜头的上下左右摇动、聚焦等操作。 操作体验要模拟实体遥控器，只是点击一次触发一次的话体验不好，要长按不放的时候也能生效。写出代码如下，测试为了看出效果，写了个 id = tt 的 span，代码如下，只看一部分代码就行，其他三个按钮跟第一个 ...
H5实现查看图片和删除图片的效果
在最近的项目中，H5需要实现查看图片和删除图片的效果，总结如下： 一、查看图片 查看图片使用weui的gallery。首先添加gallery的html，然后隐藏。 <div class="weui-gallery" style="display: none"> ...
用css3实现各种图标效果（1）
公共样式 应该说现在绝大多数公司的项目前端都是一团乱，不仅仅是js写的没有任何框架而言，css同样也是如此，导致项目如果要升级或者说有新的变更维护起来就特别困难。 最近领导决定花大时间整理一下cs ...