- 博客(17)
- 资源 (4)
- 收藏
- 关注
原创 移动端仿钉钉打卡可以左右滑动的日历
近来公司要做一个类似于钉钉打卡的功能模块其中有一个查看月历,并且月历可以左右滑动显示上一月下一月的功能,并且在上一页面选择某月后当前就显示该月内容,在该月的技术上上翻,下翻。可点击选中某一日可显示当前日期.效果截图
2017-04-01 13:13:12
12121
3
原创 动态创建弹出层并且弹出层额内容样式可自定义
不知大家在开发中是否遇到这样的需求,在同一项目中需要弹出风格大致一致但是内容及样式有极大更改的大弹出层。引用插件太麻烦且样式和内容不是那么可控。今天我实现了一个动态创建弹出层的效果大概是这样的,在点击需要弹出层的按钮后动态创建一个弹出层,其样式和内容均可写在另外一个HTML页面通过AJAX请求得到,弹出层在页面居中。先贴上jq源码,第一个参数代表请求的地址(也就是你写的html的地址),第二个
2017-02-27 10:48:48
1915
转载 解决移动端滚动页面释放时所触发的tounchend事件
解决方法1在滚动时就给停止touchend事件冒泡,实现如下:JavaScript:function stopTouchendPropagationAfterScroll(){ var flag = false; window.addEventListener('touchmove', function(ev){ flag || (flag =
2017-02-25 15:24:33
1510
原创 纯css怎么控制一个div的高度跟随另外一个DIV高度发生变化
实现的效果大致是这样的:左右两个div左边div的高度随着右边的高度发生变化,当两者的最大高度都不超过屏幕高度时整屏显示,当右边高度发生变化时候那么左边的高度跟随其发生变化:实现的关键点有两点:1 合理运用min-height 2 padding-bottom:9000px;margin-bottom:-9000px;两者的结合运用。下面贴上源码仅供参考;Document
2017-02-22 15:19:02
13440
转载 H5实现无刷新的修改URL,全兼容适用于返回上一级的应用
附上两个地址供大家参考学习:http://blog.youkuaiyun.com/u013063153/article/details/52424218http://www.zhangxinxu.com/wordpress/2017/02/page-link-url-history-null-not-record/
2017-02-21 14:32:03
3139
原创 移动端实现导航的左右滑动
实现导航的左右滑动类似于腾讯新闻,网易等导航,一下贴上代码:Untitled Documentbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,table,textarea,select{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size
2017-02-07 14:59:33
18949
原创 html编辑器给选中文本加上标下表
文本编辑难免有些特殊的样式,今天我们就来谈谈怎么给选中的文本添加上标下表(最主要的运用在于数学题的多少方根) 第一步:引入JQ文件,咋合理JQ的版本不受限制 第二部:基本的html结构: 下标上标 222+670+233=876下标上标
2017-01-22 14:51:18
1113
原创 特殊样式的多选与单选样式的实现
不知大家是否在工作有有遇到特殊样式的单选与多选。既要实现设计的图形又要方便后台获取数据。这个时候千万不要自定义样式,这样会加大后台人员的工作量(嘿嘿,不利于同事间的和谐),也不能写漏爆的原生样式,接下来我们一起巩固巩固怎么实现特殊样式的单选与多选吧! 先上HTML部分: 过得好不好全选111222333444555//需要注意
2017-01-17 14:49:52
724
原创 基于zepto.js的canvas简易画图板
基于zepto.js的canvas简易画图板主要实现清空画图板功能,实现撤销返回上一步功能!(各个步骤均有注释哦!)
2017-01-17 14:34:54
1437
转载 手机触屏事件
手机端html5触屏事件(touch事件) (2013-11-19 14:19:27)转载▼touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕上
2016-12-08 21:43:21
401
原创 基于zepto.js上拉刷新,下拉加载
var dropload =$('#content').dropload({ scrollArea : window, autoLoad:true, threshold:50,//加载时间 domUp : { }, domDown : {
2016-12-07 15:51:36
6119
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人