这一次我们将使用CSS来画个超能陆战队里面大白的头像。我们的做法是在一个元素上，使用CSS动态改变背景图的位置，并且加上一些线性效果。See the Pen Baymax face - Hero Number 6 by Donovan Hutchinson (@donovanh) on CodePen.单个元素通过使用伪类，我们能够通过一个元素画出脸的部分<...
分类：
Web程序 时间：
2015-05-30 09:22:29
阅读次数：
167
首先我们知道js滑动门的三种实现思路：
-自定义方法
-闭包
-自定义属性
那么写个列子分析一下各自的好坏。demo地址：http://codepen.io/tianzi77/pen/jPMPeB
html结构：
<l...
分类：
编程语言 时间：
2015-05-21 09:14:36
阅读次数：
203
纯css实现的下拉导航demo：http://codepen.io/tianzi77/pen/xGOyxp
不用javascript以及jquery动态效果实现导航条的下拉效果。纯css属性实现，主要应用到绝对定位中的left：auto和left：-9999px；来隐藏或者鼠标经过的时候显示下拉菜单。
htm结构：
小哲</...
分类：
Web程序 时间：
2015-05-19 19:15:52
阅读次数：
253
案列demo：http://codepen.io/tianzi77/pen/yNJVaM
首先写结构：
tianzi
tianzi
tianzi
content区域...
分类：
编程语言 时间：
2015-05-18 09:16:55
阅读次数：
150
将ul列表样式符号放到列表内，很自然地想到设置list-style-position：inside。但当li元素嵌套有块元素时，Firefox下悲剧了。查看：http://codepen.io/xiaoyewen/pen/KpzMLOFirefox下的效果成了这样的，Chrome与IE好好的看来不能...
分类：
其他好文 时间：
2015-05-13 18:34:01
阅读次数：
122
平时写表格都直接table然后tr td就完事了，其中还是有很多不完善的，今天按照标准写了个日历，带样式。供日后写表格提供一个参考，搞前端规范还是挺重要的
效果地址：http://codepen.io/tianzi77/pen/JdGpwjcss部分：body {
font-family: "myriad pro", arial, helvetica, sans-serif;
font...
分类：
其他好文 时间：
2015-05-11 13:06:21
阅读次数：
181
在线演示地址：http://codepen.io/anon/pen/aOdONX主要知识点：@media all and (orientation : landscape) { /* 这是匹配横屏的状态，横屏时的css代码 */}@media all and (orientation : por.....
分类：
Web程序 时间：
2015-05-08 14:49:25
阅读次数：
152
完成效果：演示地址：http://codepen.io/anon/pen/jPbYWqHTML： [js小练习]：DOM操作 选择颜色 红 绿 蓝 定制尺寸 输入长度值 ...
分类：
Web程序 时间：
2015-05-06 17:17:01
阅读次数：
177
switch demo地址：http://codepen.io/tianzi77/pen/VLLBmQ整理思路：这个 DEMO 的功能大致就是模拟开关效果，用于增强原生的 checkbox。视觉效果大致是一个白色的方块左右移动，这里我们最直接的可以想到这种实现：左边一个蓝色方块，中间一个白色方块，右边一个灰色方块，三者宽度调整宽度和位置来完成动画
这么来看，我们需要控制的元素有3个，并且我们仔细观察...
分类：
Web程序 时间：
2015-05-02 13:54:05
阅读次数：
236
上一篇讲了如何创建并显示一个notification，这一篇就总结下点击notification后，程序应该如何响应。 ? 一般来讲，点击一个notification后，都会打开一个Activity做为对点击事件的响应，这个Activity是之前在Pen...
分类：
移动开发 时间：
2015-04-29 17:40:47
阅读次数：
177
