impress.js是作者受prezi.com的启发,基于css3中的动画transforms,做成的一个表现层工具。效果非常炫,用起来也比较简洁。类库:http://bartaz.github.com/impress.js/js/impress.js样式文件:http://bartaz.githu...
分类:
Web程序 时间:
2014-06-18 16:48:13
阅读次数:
230
上传基本是项目中经常出现的,一般采用:
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
Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果。只需添加一个组件,选择预设,然后你就可以得到一个短网址或者导出为 CSS 代码。
分类:
Web程序 时间:
2014-06-17 15:58:34
阅读次数:
256
最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了,遂重写一个支持IE6+,但没有动画效果如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下:调用代码如下:包括常用的加载失败重...
分类:
Web程序 时间:
2014-06-17 14:48:42
阅读次数:
394
6.3.6 包含选择器 代码示范: //该样式仅对该父元素所指定的子元素起作用 父元素父元素包含的元素{定义对该元素起作用的css样式 }6.3.7 css3新增的兄弟选择器 代码示范: //该样式仅对某元素后面的兄弟元素起作用 某元素 ~某元...
分类:
其他好文 时间:
2014-06-16 23:45:22
阅读次数:
265
哈,首先感谢下w3cfuns的老师,嗯~
好了,这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。
效果图:
图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。
先看下html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"htt...
分类:
Web程序 时间:
2014-06-16 19:55:30
阅读次数:
359
今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下。
效果图:
效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点。
先看html文件:
纯CSS3相册效果...
分类:
Web程序 时间:
2014-06-16 18:36:19
阅读次数:
312