自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

China_Guanq的博客

  • 博客(2)
  • 资源 (24)
  • 收藏
  • 关注
全部文章> 2017年10月
排序：
按最后发布时间
按访问量
RSS订阅
12月 11月 10月 09月 08月 07月 06月 05月 03月 01月

原创 原生JS实现H5页面侧滑删除的效果

目前很多H5框架都有类似QQ、微信消息侧滑删除的功能。如果工程并没有提供侧滑功能的时候该如何是好？。。。。得来全不费功夫，特此花费些时间编写的侧滑插件，希望能够帮助前端学习者的一些参考~~。本文根据实现此类效果展开说明以及演示。基于移动端触摸事件touchstart、ontouchmove以及touchend事件。注意此三种事件的触发只能在手机上有效，电脑调试需切换手机调试模式。使用CSS

2017-10-20 17:05:13 6587

原创 基于Jquery/cropper插件的使用。头像截切/裁剪图片。

—-》闲来无事，学习了解一点新的东西还是可以消磨时间，非常敬业、提炼升仙。本栗针对移动页面上需要头像裁剪上传的功能。 基于Jquery库/Cropper插件 实现头像旋转、裁剪、转换canvas等功能。模仿QQ头像上传的样式，具体使用方法请参考如下实例。使用方法： 1、引入插件需要的js、css文件即可。请jquery文件放在cropper.js前面引用。<link rel="styleshe

2017-10-11 17:23:40 1424

（常用代码）CSS3 进度条效果的实现
（常用代码）CSS3 进度条效果的实现（常用代码）CSS3 进度条效果的实现

2018-01-30

精致的H5 列表侧滑组件。H5页面侧滑删除、修改的功能组件。
精致的H5 列表侧滑组件。H5页面侧滑删除、修改的功能效果实现！精致的H5 列表侧滑组件。H5页面侧滑删除、修改的功能效果实现！

2018-01-26

针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。
针对 iOS端禁止列表顶部下拉和底部上拉露出浏览器灰色背景 的解决方案。

2018-01-23

仿微信网页加载进度条
仿微信网页加载进度条仿微信网页加载进度条仿微信网页加载进度条

2017-12-25

原生JS、CSS3 上拉刷新效果的实现。
原生JS、CSS3 上拉刷新效果的实现。原生JS、CSS3 上拉刷新效果的实现。

2017-12-21

原生js实现H5侧滑删除的功能
原生js实现H5侧滑删除的功能。原生js实现H5侧滑删除的功能

2017-10-20

利用Jquery的cropper插件实现拖动层动态头剪切(裁剪头像)图片
利用Jquery的cropper插件实现拖动层动态头剪切(裁剪头像)图片

2017-10-13

基于jquery/cropper插件裁剪头像demo
基于jquery/cropper插件裁剪头像demo 基于jquery/cropper插件裁剪头像demo

2017-10-11

Gradients渐变
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好

2017-09-14

CSS3渐变效果
SS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好。

2017-09-14

移动端页面设计rem-
在H5页面 UI设计图的基础，如何根据设计图片写出比例相同， 在不同移动设备上页面上的样式依然保持一致。响应是页面，rem布局的使用方法。

2017-09-13

jquery.lazyload.js 图片懒加载 --demo
jquery.lazyload.js 图片懒加载 --demo

2017-08-21

移动HTML5手势密码
移动HTML5手势密码。

2017-08-17

H5实现调用手机摄像头相册。完美实现图片压缩、预览、删除的功能。---Demo
H5实现调用手机摄像头相册。完美实现图片压缩、预览、删除的功能。

2017-08-16

CSS3 实现Loading加载，页面遮罩层的应用2017/8/15
应用移动H5领域。CSS3 实现Loading加载，页面遮罩层的应用。

2017-08-15

移动H5领域。js、css3仿ios toast提示。。
移动H5领域。js、css3仿ios toast提示。

2017-08-09

移动H5领域。js、css3仿ios toast提示。
移动H5领域。js、css3仿ios toast提示。

2017-08-08

RequireJS基本使用
前端开发，RequireJS。JavaScript实现模块化加载JS

2017-08-04

CSS3 实现Loading加载，页面遮罩层的应用
应用移动H5领域。CSS3 实现Loading加载，页面遮罩层的应用。

2017-08-03

53种CSS3编写，移动端常用loading 加载图。
53种纯CSS3炫酷loading指示器动画特效。移动端常用loading 加载。

2017-08-03

圆形指示器radialIndicator
圆形指示器，radialIndicator.js的使用。以及angular-radialIndicator.js。dome

2017-08-02

圆形指示器
圆形指示器插件

2017-08-01

圆形指示器radialIndicator dome
radialIndicator 。好用的圆形指示器插件。

2017-08-01

读取Excel需要的jar包
读取Excel需要的jar包

2016-07-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除