纯CSS弹出层，城市切换效果，兼容IE6/IE7/IE8，IE9未做测试，字色和字体字号可以自己在CSS里重新定义，这里为了突出功能，没有做过多修饰，为的是简洁，你懂的！...
分类：
Web程序 时间：
2015-03-15 13:58:27
阅读次数：
774
相信不少人做移动端项目的时候都会遇到position:fixed 的坑。下面提供一个解决方法，不用引入任何其他的js库，纯css解决。解决问题的关键就是：fixed元素内部必须嵌套一个position:absolute元素，用来装载内容，目的就是为了让内容脱离fixed文档流，屏蔽一些fixed的坑...
分类：
移动开发 时间：
2015-03-11 12:53:23
阅读次数：
176
今天做的练习是自适应屏幕大小，遇到了一些困难，困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局。但今天把网页拓展实验到了我家的电视（42寸）上，此时就出现了问题，问题之一就是：没有办法填充满屏幕，只能出现一个屏中屏，看起来非常的别扭。试验了纯CSS来做到自适应屏幕和用JS获取屏.....
分类：
其他好文 时间：
2015-03-11 00:31:10
阅读次数：
215
Tooltip 也就是内容的提示信息，合理使用可以给用户比较好的体验。 实现方法有很多种，有很多JS 插件，我这里介绍的是纯CSS实现的方法，兼容性也比较靠谱,IE8+均可正常显示。实现方法也非常简单。
分类：
Web程序 时间：
2015-03-10 12:02:24
阅读次数：
152
1.心形 1 2 3 4 5 xin 6 53 54 55 56 57 58 59 2.六角星 1 2 3 4 5 6-star 6 30 31 32 33 34 3.五角星 1 2 3 4 5 5-star 6 58 59 60 61 62 4.五边形 1 2 3 4...
分类：
Web程序 时间：
2015-03-07 10:08:48
阅读次数：
268
spin.js是一款非常实用的jQuery Ajax loading spin旋转指示器插件。在页面进行ajax调用的时候，需要一个指示器来告诉用户当前正处于加载状态。该旋转指示器的作用就类似于一个无线循环的进度条。
通过该旋转指示器插件，你可以自定义它的密度、大小、旋转速度和旋转方向等属性，非常方便实用。该jQuery旋转指示器的特点有：
没有使用图片，纯css制作。没有使用外部依赖...
分类：
Web程序 时间：
2015-03-05 14:56:47
阅读次数：
226
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡框...
分类：
Web程序 时间：
2015-03-04 19:06:37
阅读次数：
133
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字，完全是纯css div实现。CSS实现鼠标悬停放图片上方时显示美化内容。原始图片显示没有文字在上方，当鼠标经过悬停时显示文字并且文字背景为半透明。可以使用纯DIV+CSS实现鼠标悬停图片上显示文字内容。 纯div+css实现第一张图片没有...
分类：
Web程序 时间：
2015-03-04 18:45:58
阅读次数：
229
你可能已经在网上看到过不少使用jQuery制作的百叶窗效果，我们可不可以使用纯CSS来完成这项工作呢？答案是肯定的。我们不仅可以制作出这种百叶窗效果，还可以使它具有响应性。在线预览源码下载要制作纯CSS的百叶窗效果，HTML结构是个关键。在html结构中，需要使用多幅相同的图片来组织一个“百叶窗”。...
分类：
Web程序 时间：
2015-03-03 09:45:20
阅读次数：
155
利用所学的CSS技术，写了一个有点小难的布局实例，一个六边形的个性导航菜单，为了更加生动，这里在CSS中加入了hover效果，鼠标放在菜单上的时候，菜单变换背景，本例代码中无任何JS代码，完全CSS技术实现，值得参考。...
分类：
Web程序 时间：
2015-03-01 14:32:17
阅读次数：
183
