会员
众包
新闻
博问
AI培训
云市场
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
AndreaLi
导航
博客园
首页
新随笔
联系
订阅
管理
公告
2019年5月22日
时间倒计时(天数+时+分+秒)
摘要: 效果展示:
阅读全文
posted @ 2019-05-22 16:06 AndreaLi
阅读(1157)
评论(0)
推荐(0)
编辑
2018年11月28日
移动端触摸移动相互调换位置
摘要: 应用场景:在移动端触摸移动指定容器,与另外一个容器相互调换位置。效果如图: css代码: *{ margin: 0; padding: 0; font-family: "微软雅黑";}html,body{ width: 100%; height: 100%; position: relative;
阅读全文
posted @ 2018-11-28 10:35 AndreaLi
阅读(341)
评论(0)
推荐(0)
编辑
2018年11月8日
js移动端点击隐藏和出现指定div(包含少许特效)
摘要: 具体效果可以上百度云下载查看: 链接:https://pan.baidu.com/s/1ftkx_fRu5BLkD97DWgQpWw 提取码:1na6 css代码: *{ margin: 0; padding: 0; font-family: "微软雅黑";}html,body{ width: 10
阅读全文
posted @ 2018-11-08 11:04 AndreaLi
阅读(1186)
评论(0)
推荐(0)
编辑
2018年11月6日
将页面内容保存为图片显示,长按保存至本地(html2canvas)
摘要: 加载的html2canvas为官网上的新版本。 style样式: *{ margin: 0;padding: 0; font-family: "微软雅黑"; } html,body{ width: 100%; } #capture,#imgDiv{ width: 100%; } .imgDiv_im
阅读全文
posted @ 2018-11-06 11:58 AndreaLi
阅读(2277)
评论(0)
推荐(0)
编辑
2018年11月1日
移动端触摸上拉隐藏指定模块内容,有过度效果(同时页面iscroll滚动)
摘要: 应用场景:触碰屏幕进行上拉隐藏指定模块内容,有过度效果;在滚动到第一条内容的时候,才可以进行下拉重新出现该模块内容。 style样式: *{ margin: 0; padding: 0; font-family: "微软雅黑"; } html,body{ width: 100%; height: 1
阅读全文
posted @ 2018-11-01 16:52 AndreaLi
阅读(831)
评论(0)
推荐(0)
编辑
2018年10月30日
移动端图片缩放(包括滑动查看)
摘要: 上一篇文章中的移动端图片缩放是不包括同时左右滑动查看图片,但是有些场景需要我们去实现类似于微信朋友圈的点击查看图片的效果。 弊端:photoswipe暂时只能实现iOS端长按出现保存图片到本地的功能,但是在安卓上却没有办法,暂时还未发现解决,后续会找办法。如果有找到解决办法的帅哥美女,可以留言告诉我
阅读全文
posted @ 2018-10-30 18:17 AndreaLi
阅读(1785)
评论(0)
推荐(0)
编辑
2018年10月29日
移动端图片缩放(不包括滑动查看)
摘要: 应用场景:移动端页面,点击图片之后,放大并且可以进行缩放,单击图片之后关闭。 弊端:如果实现单击关闭图片,那么无法实现双击放大;如果实现双击放大图片,则无法实现单击关闭。 style样式: *{ margin: 0; padding: 0; font-family: "微软雅黑"; } html,b
阅读全文
posted @ 2018-10-29 15:51 AndreaLi
阅读(796)
评论(0)
推荐(0)
编辑
IOS返回页面不刷新的问题
摘要: window.onpageshow=function(e){ if(e.persisted) { window.location.reload() } };
阅读全文
posted @ 2018-10-29 11:24 AndreaLi
阅读(873)
评论(0)
推荐(0)
编辑
2018年10月24日
datePicker(可以同时选择日期和时间)
摘要: 实现效果如下图: 原本的datepicker插件是没有包含选择时间的,需要另外引入timepicker插件。 代码如下: HTML代码: <input id="startTime" /> script代码: $("#startTime").datetimepicker({dateFormat: "y
阅读全文
posted @ 2018-10-24 17:00 AndreaLi
阅读(1113)
评论(0)
推荐(0)
编辑
ios微信网页出现底部返回导航栏
摘要: 现在,苹果手机的微信网页会出现底部返回导航栏,导致页面的部分内容会被导航栏遮挡住。 试验了很多次,最后是通过每次加载页面的时候获取页面的实际高度,来控制网页body体的高度。 只要在加载完成之后,添加这一句就可以避免出现内容被遮挡的情况了。 $("body").css("height",docume
阅读全文
posted @ 2018-10-24 16:29 AndreaLi
阅读(6704)
评论(0)
推荐(0)
编辑
下一页