02 2017 档案

jQuery方法判断checkbox是否选中以及改变checkbox的选中状态
摘要：jquery判断checked的三种方法: .attr('checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'): //所有版本 阅读全文
posted @ 2017-02-27 16:17 moumou0213 阅读(3833) 评论(0) 推荐(0)
关于rem单位的使用
摘要：rem在移动端应用可参考淘宝的页面http://m.taobao.com (html的font-size通过动态计算获取) 页面基准320px(20px),html font-size值的计算： [javascript] var ele=document.getElementsByTagName(" 阅读全文
posted @ 2017-02-27 14:32 moumou0213 阅读(178) 评论(0) 推荐(0)
Flex布局
摘要：布局的传统解决方法，主要依赖display、position、float等属性实现，但是对于一些特殊布局的实现特别不方便； flex布局是W3C在2009年提出的，它可以简便、完整、响应式的实现各种页面布局，现在几乎所有的浏览器都支持，可以愉快的使用它了！ 下面举例常见的一些布局实现： 1：基本网格 阅读全文
posted @ 2017-02-27 11:45 moumou0213 阅读(234) 评论(0) 推荐(0)
实现垂直水平居中的几种方法
摘要：1：用inline-block和vertical-align来实现居中：适用于未知宽高的情况 2：用相对绝对定位和负边距实现垂直水平居中：适用于宽高已知 3：利用绝对定位来实现居中：适用于宽高已知 4：使用table-cell和inline-block实现居中：适用于宽高未知的情况 5：用CSS3中 阅读全文
posted @ 2017-02-27 10:16 moumou0213 阅读(240) 评论(0) 推荐(0)
移动端图片轮播效果：depth模式总结
摘要：最近公司app改版首页增加了一处轮播图效果，但是跟普通的轮播效果不同，是类似于下图的样式，找了一些兼容移动端的插件以及jQuery源码，总结一下使用心得： 1：jquery源码：缺点是在手机端的滑动很不流畅，影响体验 2：islider插件，也算是移动端比较常用的插件了，使用起来也是很流畅的，缺点是 阅读全文
posted @ 2017-02-24 14:39 moumou0213 阅读(1853) 评论(0) 推荐(0)
实现各种尺寸的图片裁剪成圆形头像
摘要：效果图： 阅读全文
posted @ 2017-02-18 15:49 moumou0213 阅读(1070) 评论(0) 推荐(0)
鼠标移上显示 ( 自定义内容 ) 弹出框
摘要：方法一：介绍bootstrap组件Popover弹出框自定义内容的方法 Popover的常用参数以及使用方法可以详见 http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html 要实现如图所示效果： 1：引入样式和js文件 2：html 阅读全文
posted @ 2017-02-16 16:45 moumou0213 阅读(2412) 评论(0) 推荐(0)
Javascript下拉刷新
摘要：Html相关代码 JavaScript该做什么呢？ 1、根据滑动轨迹动态调整滑块位置（transfrom=>translate）； 2、根据滑动的距离判断是否执行刷新（或数据加载）。 当然，如果滑动结束后使用ajax重新加载页面数据，还将涉及到一个页面向上滑动并隐藏提示部分的效果。 大致思路： (前 阅读全文
posted @ 2017-02-14 10:09 moumou0213 阅读(355) 评论(0) 推荐(0)