小武爷 - 博客园

2016年6月15日

摘要：手机端轮播效果，貌似以后能用得上吧首先是结构html css js代码阅读全文

posted @ 2016-06-15 19:45 小武爷阅读(491) 评论(0) 推荐(0) 编辑

摘要：原理是基于css3的 1、景深:perspective:100px; 2、中心点:transform-origin:center center 0; 3、transform-style:preserve-3d 父级作变换会保留效果到子集上面通过节点嵌套实现立方体效果: 以上是实现原理下面是实现阅读全文

posted @ 2016-06-15 17:21 小武爷阅读(754) 评论(0) 推荐(0) 编辑

2016年5月31日

拖拽效果

摘要： 1 var odiv = document.getElementById("box"); 2 var disX = 0; 3 var disY = 0; 4 odiv.onmousedown = function(ev){ 5 var ev = ev || window.event;... 阅读全文

posted @ 2016-05-31 19:14 小武爷阅读(253) 评论(3) 推荐(0) 编辑

2016年5月16日

css3 容器内容垂直居中

摘要： .item{ top: 50%; position: absolute; transform: translateY(-50%); /* 这里我们使用css3的transform来达到类似效果 */ } 阅读全文

posted @ 2016-05-16 16:11 小武爷阅读(489) 评论(0) 推荐(0) 编辑

2016年5月3日

css3 背景图动画一

摘要：一实现背景图循环播放阅读全文

posted @ 2016-05-03 17:13 小武爷阅读(3999) 评论(0) 推荐(0) 编辑

2016年4月26日

css3 boxing-sizing属性

摘要： boxing-sizing: 1、content-box 计算宽度不包含padding和border宽度 2、border-box border和padding计算入width之内 3、padding-box padding计算入width之内阅读全文

posted @ 2016-04-26 09:59 小武爷阅读(584) 评论(0) 推荐(0) 编辑

2016年3月8日

闭包与高阶函数学习

摘要： 1、bind方法实现 Function.prototype.bind = function(){ var self = this, context = [].shift.call(arguments); args = [].slice.call(arguments); return function 阅读全文

posted @ 2016-03-08 15:35 小武爷阅读(301) 评论(0) 推荐(0) 编辑

2016年3月2日

移动端布局备忘

摘要：一：meta头 1、viewport 固定宽度640 target-densityDpi已经淘汰,这种写法主要面向微信端，因为宽度写死，所以就无法进行响应式布局。如果背景图需要平铺的话就需要用js对背景图进行拉取回 2、设备宽度(设置屏幕分辨率等于设备分辨率) 3、像素比(动态设置缩放比例) 4 阅读全文

posted @ 2016-03-02 17:46 小武爷阅读(295) 评论(0) 推荐(0) 编辑

2016年2月23日

常用的代码片段

摘要： 1、随滚动条滚动 var oDiv = document.getElementById("box"); oDiv.style.top = (document.documentElement.clientHeight - oDiv.offsetHeight)/2 + "px"; var timer = 阅读全文

posted @ 2016-02-23 15:51 小武爷阅读(262) 评论(0) 推荐(0) 编辑

2016年2月4日

应用css3制作loading效果

摘要：参考秒味课堂代码发出来备忘 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <link rel="stylesheet" href="test.css" type="te 阅读全文

posted @ 2016-02-04 21:41 小武爷阅读(152) 评论(0) 推荐(0) 编辑