- 博客(17)
- 资源 (111)
- 收藏
- 关注
原创 HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~效果图:1、html结构:
2014-06-26 12:06:39 56192 6
原创 HTML5 CSS3 诱人的实例: 3D立方体旋转动画
创意来自:http://www.html5tricks.com/demo/html5-3d-cube/index.html , 同学给我发的例子
2014-06-24 18:28:32 45684 6
原创 HTML5 CSS3 诱人的实例 :canvas 模拟实现电子彩票刮刮乐
今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~效果图:贴一张我中500w的照片,咋办啊,怎么花呢~好了,下面开始原理:1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监
2014-06-24 12:08:24 44042 7
原创 HTML5 CSS3 专题 :诱人的实例 3D展示商品信息
强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大家如何做,就当高仿了~首先,先教大家利用CSS3制作一个正方体:在木有CSS
2014-06-21 22:07:11 18608 1
原创 HTML5 CSS3 专题 :诱人的实例 3D旋转木马效果相册
首先说明一下创意的出处:http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html(张鑫旭的博客 ),对前台感兴趣的可以没事去看看他的博客,很给力~这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到,就是perspective
2014-06-21 21:08:32 36878 6
原创 HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果
首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些CSS3的新属性: a、-webkit-perspective: 800px; perspective
2014-06-19 20:30:19 11493 5
原创 HTML5 CSS3 诱人的实例 :模仿优酷视频截图功能
一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。效果图:看起来还是很不错,下面我给大家分析下,极其核心代码很简单:_canvas = document.createElement("canvas");_ctx = _canvas.getConte
2014-06-18 00:29:56 22107 7
原创 HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (二)
上一篇已经实现了这个项目的整体的HTML和CSS:HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)这篇博客直接在上篇的基础上完成,最终效果:效果图1:效果图2:好了,请允许我把图片贴了两遍,方便大家看效果了~可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:
2014-06-16 23:35:18 28693 15
原创 HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
上传基本是项目中经常出现的,一般采用:1、form提交 2、flash3、html5form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jquery的uploadify作为项目中的上传工具,uploadify也有基于html5好像是收费的,大家可以去官网看看;当然了,现在html5提供了API以及File,FileR
2014-06-16 23:17:33 18508 1
原创 HTML5 CSS3 专题 : 拖放 (Drag and Drop)
本来准备写一个支持多图片拖拽上传的例子,但是为了更好的理解,先介绍一下HTML5的拖放。拖放(Drag 和 drop)是 HTML5 标准的组成部分。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。被拖元素,dragElement : 1、添加事件:ondragstart2、添加属性:d
2014-06-16 19:23:34 35946 10
原创 HTML5 CSS3 精美案例 : 实现VCD包装盒个性幻灯片
哈,首先感谢下w3cfuns的老师,嗯~好了,这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。效果图:图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。先看下html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt
2014-06-15 19:00:23 8591 1
原创 HTML5 CSS3专题 纯CSS打造相册效果
今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下。效果图:效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点。先看html文件: 纯CSS3相册效果
2014-06-15 16:15:50 27417 3
原创 Javascript 设计模式 单例
一直很喜欢Js,,,今天写一个Js的单例模式实现以及用法。1、单例模式的写法单例模式写法相当简单: var singleTon = { m1: "memeber first ", m2: "memeber second ", f1: function () {
2014-06-13 16:09:16 18550 4
原创 Javascript 进阶 面向对象编程 继承的一个例子
Javascript的难点就是面向对象编程,上一篇介绍了Javascript的两种继承方式:Javascript 进阶 继承,这篇使用一个例子来展示js如何面向对象编程,以及如何基于类实现继承。1、利用面向对象的写法,实现下面这个功能,实时更新数据的一个例子:2、使用对上面类的继承,完成下面的效果:好了,不多说,js的训练全靠敲,所以如果觉得面向对象不是很扎实,
2014-06-07 17:56:42 23573 3
原创 Javascript 进阶 继承
1、基于类的继承下面看下面的代码: function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function () {
2014-06-07 15:45:25 5536
原创 SwipeListView 详解 实现微信,QQ等滑动删除效果
今天看别人项目,看到别人使用了SwipeListView,Google一把,果然github上的,也参考了csdn上的几篇文章,然后自己写了个例子,分享给大家。效果图:嗯,看一眼SwipeListView的参数的设置:If you decide to use SwipeListView as a view, you can define it in your xml l
2014-06-05 00:51:02 65575 34
原创 ScrollView反弹效果 仿小米私密短信效果
现在很多APP都给ScrollView添加了反弹效果,QQ、小米私密短信等。恰好在网上看到一个类:BounceScrollView ,原创地址是:http://blog.csdn.net/h7870181/article/details/8960430 , 可惜作者没有提供一个效果图,于是我发现小米短信列表页往下拉,有反弹效果,且拉到1/3以上时,会打开私密短信列表,小米的用户可以试试。我
2014-06-04 18:57:03 21456 21
Android 高仿微信6.0主界面程序源码
2014-11-13
Android EventBusDemo
2014-11-06
Android 美女拼图游戏
2014-11-03
PullToZoomListView 可以下拉缩放HeaderView的ListView
2014-11-02
Android 实现个性的ViewPager切换动画
2014-10-28
Android 刮刮卡效果 自定义控件实现
2014-10-18
Android 任意层级 树形控件(无jar版)
2014-10-18
Android 任意层别 树形控件
2014-10-18
Android 游戏 2048源码(war3版)
2014-10-14
Android 游戏 2048源码
2014-10-14
Android 超高仿微信图片选择器完整实例源码下载
2014-10-12
Android 高仿微信头像裁切 源码程序
2014-10-04
Android 双向侧滑菜单 (菜单在内容之上)
2014-10-01
Android 双向抽屉式侧滑菜单 自定义控件
2014-10-01
Android双向侧滑菜单 自定义控件
2014-10-01
Android 手势检测实战 打造支持缩放平移的图片预览效果【VewPager版】
2014-09-23
Android 手势检测实战 打造支持缩放平移的图片预览效果 【单图版】
2014-09-23
Android 手势检测实战 打造支持缩放的图片预览效果
2014-09-23
Android 手势检测实战 打造支持缩放平移的图片预览效果
2014-09-22
Android 适配资源文件自动生成器
2015-05-03
RecyclerView 瀑布流、ListView、GridView实例源码
2015-04-15
Android 折叠布局 神奇的侧滑效果
2015-03-16
Android Drawable 各种高效用法
2015-02-26
Android 自定义控件实现圆形菜单 【高仿建行圆形菜单】
2015-01-26
Android SurfaceView 游戏 flabby bird 完整代码
2015-01-24
Android 游戏 flabby bird (绘图部分)
2015-01-21
Android Fragments 使用的一些建议demo
2015-01-12
Android 优雅实现元素间的分割线 (支持3.0以下)
2015-01-05
Android 自定义控件实现ViewPagerIndicator 高仿MIUI
2014-12-28
Android Xfermode 实战实现圆形、圆角图片
2014-12-23
Android BitmapShader 实战 实现圆形、圆角图片 源码程序
2014-12-18
Android BitmapShader 实现圆形、圆角图片
2014-12-17
Android 高效的图片加载框架(非第三方)程序源码
2014-12-11
Android 完美实现图片圆角和圆形( bug修复后)
2014-12-11
Android 制作抽奖转盘 源码实例
2014-12-04
http://blog.csdn.net/lmj623565791/article/details/41722441
2014-12-04
Android DrawerLayout 高仿QQ5.2双向侧滑菜单程序文件
2014-11-27
Android 自己实现组件间通信框架EventBus
2014-11-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人