渐变生成器：http://colorzilla.com/gradient-editor/背景图案：http://lea.verou.me/css3patterns/html5和css3浏览器支持情况：http://caniuse.com/IE Tester：http://www.my-debugba...
分类：
Web程序 时间：
2014-06-28 21:54:10
阅读次数：
212
利用HTML5/CSS3，仅用5步就可以制作便签贴效果的HTML页面，效果图如下：(注：图里的文字纯属杜撰，搞笑目的，如有雷同，纯属巧合，谢谢!)注：该效果可以在Safari, Chrome,Firefox和Opera在看到效果，IE上由于对HTML5的支持不完全，所以看不出效果。第一步：创建基本H...
分类：
Web程序 时间：
2014-06-28 21:00:23
阅读次数：
219
安卓手机底部四五分页的导航都是比较漂亮的今天直接给大家推荐这款代码，这样就省得每次自己写了jQuery特效代码：0102030405jquery+css3安卓Android（苹果iphone）桌面底部导航菜单0607080910111213141516171819202122232425262728...
分类：
移动开发 时间：
2014-06-28 20:37:38
阅读次数：
263
使用CSS3 的3D变换特性，我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 这篇文章分享的这款 jQuery 立体图片滑块插件，利用了 3D transforms（变换）属性来实现多种不同的效果。 温馨提示：为保证最佳的效果，请在 IE10+、Chrome、Firefox 和 Sa...
分类：
Web程序 时间：
2014-06-21 09:26:35
阅读次数：
223
CSS3悬停特效合集Hover.css是一款特效丰富，支持2D变化特效、边框特效、阴影特效等； 使用简单，可直接复制相关特效代码，快速应用到元素上。源码地址：http://www.huiyi8.com/sc/11119.html
分类：
Web程序 时间：
2014-06-20 18:20:08
阅读次数：
227
做时钟的主要原因是因为喜欢，觉得它好看（本人对特效有点爱不释手……）。做的时候感觉工程量会有点大，做着做着发现实现起来其实并不难，只要理清思绪，其实还蛮简单的（我制作东西喜欢整体方向制定好，然后边做边找感觉，最后可能会有不一样的惊喜）。 我这里采用了时钟的背景图片，第一我觉得图片好看，第二我觉...
分类：
Web程序 时间：
2014-06-20 17:40:43
阅读次数：
267
上传基本是项目中经常出现的，一般采用：
1、form提交
2、flash
3、html5
form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jquery的uploadify作为项目中的上传工具，uploadify也有基于html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileR...
分类：
Web程序 时间：
2014-06-18 11:28:55
阅读次数：
317
JS+CSS3实现计算器特效
C
7
8
9
+
4
5
6
-
1
2
3
÷
0
.
=
x
// Get all the keys from document
var keys = document.querySelectorAll('#calculator...
分类：
Web程序 时间：
2014-06-18 06:37:23
阅读次数：
271
上一篇已经实现了这个项目的整体的HTML和CSS：
HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量） （一）
这篇博客直接在上篇的基础上完成，最终效果：
效果图1：
效果图2：
好了，请允许我把图片贴了两遍，方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的，于是我把html文档做了一些修改：...
分类：
Web程序 时间：
2014-06-17 23:02:00
阅读次数：
248
本来准备写一个支持多图片拖拽上传的例子，但是为了更好的理解，先介绍一下HTML5的拖放。
拖放（Drag 和 drop）是 HTML5 标准的组成部分。
浏览器支持
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素，dragElement :
1、添加事件：ondragstart
2、添加属性：d...
分类：
Web程序 时间：
2014-06-17 21:54:27
阅读次数：
373
