纯CSS弹出层，城市切换效果，兼容IE6/IE7/IE8，IE9未做测试，字色和字体字号可以自己在CSS里重新定义，这里为了突出功能，没有做过多修饰，为的是简洁，你懂的！
分类：
Web程序 时间：
2015-04-26 12:15:36
阅读次数：
129
下图是一个Accordion组件，请用HTML+CSS实现其UI,并用面向对象的思路把折叠效果的JS实现。如果能用纯css的方式实现其折叠效果更佳。PS/这是小米的一道校招笔试题，无意间看到就实现了一下。
分类：
Web程序 时间：
2015-04-24 19:04:22
阅读次数：
314
纯CSS构造树状结构图 2%加息从何而来？ 投资人 ...
分类：
Web程序 时间：
2015-04-23 19:14:48
阅读次数：
165
很不错的图片列表放大特效，鼠标悬停时图片放大并显示出相关文字信息，这是整合在一个图片列表中的好效果，比起单个的更实用，多见于一些产品类网站。...
分类：
Web程序 时间：
2015-04-21 14:45:25
阅读次数：
179
利用所学的CSS技术，写了一个有点小难的布局实例，一个六边形的个性导航菜单，为了更加生动，这里在CSS中加入了hover效果，鼠标放在菜单上的时候，菜单变换背景，本例代码中无任何JS代码，完全CSS技术实现，值得参考。
分类：
Web程序 时间：
2015-04-21 14:27:15
阅读次数：
177
这个代码当然要属于CSS布局的范畴了，用CSS写出这么多形状不同的“三角形”，着实不容易，有些思路是把某些Div边框透明掉就可以模拟三角形了，注意ie6下透明的边要是dotted或dashed。边框的处理值得学习。
分类：
Web程序 时间：
2015-04-20 14:32:35
阅读次数：
187
方法一 content .table {display:table;}.table-cell {display:table-cell; vertical-align:middle;}优点：content 可以动态改变高度，如果你不需要支持IE7浏览器，这个应该是首选方案，也是W3C推荐的方案。缺点：IE7和IE8 beta不支持。方法二Content#content { p...
分类：
Web程序 时间：
2015-04-19 22:50:42
阅读次数：
180
CSS实现的对话框特效，纯CSS实现的，不是CSS3，因此兼容性还是相当不错的。你在网页上可以使用一些这样的框框，比较个性。通过本代码您还可以掌握一些CSS的相对定位、绝对定位的相关技巧。
分类：
Web程序 时间：
2015-04-19 19:11:24
阅读次数：
163
先看一个笔试题：请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：一开始看到这个题目，我有些不知如何下手，之前看到这种小三角形，以为只是一个png，都没有注意过这个问题。废话不多说，进入正题：可以将那个三角形理解为一个小正方形，先将其width和height设置为0，然后设置其borde...
分类：
Web程序 时间：
2015-04-19 17:38:34
阅读次数：
137
