自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

Hongyang

生命不息，奋斗不止，万事起于忽微，量变引起质变

  • 博客(17)
  • 资源 (111)
  • 收藏
  • 关注
全部文章> 2014年06月
排序：
按最后发布时间
按访问量
RSS订阅
12月 11月 10月 09月 08月 07月 06月 05月 04月 03月

原创 HTML5 CSS3 诱人的实例 ： 网页加载进度条的实现，下载进度条等

今天给大家带来一个比较炫的进度条，进度条在一耗时操作上给用户一个比较好的体验，不会让用户觉得在盲目等待，对于没有进度条的长时间等待，用户会任务死机了，毫不犹豫的关掉应用；一般用于下载任务，删除大量任务，网页加载等；如果有使用html5为手机布局的，也可以用于手机中~效果图：1、html结构：

2014-06-26 12:06:39 56079 6

原创 HTML5 CSS3 诱人的实例： 3D立方体旋转动画

创意来自：http://www.html5tricks.com/demo/html5-3d-cube/index.html ， 同学给我发的例子

2014-06-24 18:28:32 45607 6

原创 HTML5 CSS3 诱人的实例 ：canvas 模拟实现电子彩票刮刮乐

今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的，有兴趣的可以改成android版本的，或者其他的~效果图：贴一张我中500w的照片，咋办啊，怎么花呢~好了，下面开始原理：1、刮奖区域两个Canvas，一个是front ， 一个back ，front遮盖住下面的canvas。2、canvas默认填充了一个矩形，将下面canvas效果图遮盖，然后监

2014-06-24 12:08:24 43952 7

原创 HTML5 CSS3 专题 ：诱人的实例 3D展示商品信息

强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大家如何做，就当高仿了~首先，先教大家利用CSS3制作一个正方体：在木有CSS

2014-06-21 22:07:11 18558 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 36747 6

原创 HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果

首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webkit-perspective: 800px;   perspective

2014-06-19 20:30:19 11459 5

原创 HTML5 CSS3 诱人的实例 ：模仿优酷视频截图功能

一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.createElement("canvas");_ctx = _canvas.getConte

2014-06-18 00:29:56 22039 7

原创 HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量） （二）

上一篇已经实现了这个项目的整体的HTML和CSS：HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量） （一）这篇博客直接在上篇的基础上完成，最终效果：效果图1：效果图2：好了，请允许我把图片贴了两遍，方便大家看效果了~可以看出我们的图片的li的html其实还是挺复杂的，于是我把html文档做了一些修改：

2014-06-16 23:35:18 28607 15

原创 HTML5 CSS3 经典案例：无插件拖拽上传图片 （支持预览与批量） （一）

上传基本是项目中经常出现的，一般采用：1、form提交 2、flash3、html5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jquery的uploadify作为项目中的上传工具，uploadify也有基于html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileR

2014-06-16 23:17:33 18461 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 35863 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 8540 1

原创 HTML5 CSS3专题 纯CSS打造相册效果

今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件： 纯CSS3相册效果

2014-06-15 16:15:50 27357 3

原创 Javascript 设计模式 单例

一直很喜欢Js,,,今天写一个Js的单例模式实现以及用法。1、单例模式的写法单例模式写法相当简单： var singleTon = { m1: "memeber first ", m2: "memeber second ", f1: function () {

2014-06-13 16:09:16 18492 4

原创 Javascript 进阶 面向对象编程 继承的一个例子

Javascript的难点就是面向对象编程，上一篇介绍了Javascript的两种继承方式：Javascript 进阶 继承，这篇使用一个例子来展示js如何面向对象编程，以及如何基于类实现继承。1、利用面向对象的写法，实现下面这个功能，实时更新数据的一个例子：2、使用对上面类的继承，完成下面的效果：好了，不多说，js的训练全靠敲，所以如果觉得面向对象不是很扎实，

2014-06-07 17:56:42 23501 3

原创 Javascript 进阶 继承

1、基于类的继承下面看下面的代码： function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function () {

2014-06-07 15:45:25 5494

原创 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 65519 34

原创 ScrollView反弹效果 仿小米私密短信效果

现在很多APP都给ScrollView添加了反弹效果，QQ、小米私密短信等。恰好在网上看到一个类：BounceScrollView ，原创地址是：http://blog.csdn.net/h7870181/article/details/8960430 ， 可惜作者没有提供一个效果图，于是我发现小米短信列表页往下拉，有反弹效果，且拉到1/3以上时，会打开私密短信列表，小米的用户可以试试。我

2014-06-04 18:57:03 21353 21

Android 高仿微信6.0主界面程序源码
代码为博客的实例代码：有问题请博客留言http://blog.csdn.net/lmj623565791/article/details/41087219

2014-11-13

Android EventBusDemo
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/40794879 有问题博客留言

2014-11-06

Android 美女拼图游戏
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/40595385 有问题请博客留言

2014-11-03

PullToZoomListView 可以下拉缩放HeaderView的ListView
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/40708791 有问题请博客留言

2014-11-02

Android 实现个性的ViewPager切换动画
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/40411921 有问题请博客留言

2014-10-28

仿微信视频中的依赖项目BadgeView
仿微信视频中的依赖项目BadgeView，视频地址 http://www.imooc.com/learn/198

2014-10-19

Android 刮刮卡效果 自定义控件实现
资源为博客的实例代码： http://blog.csdn.net/lmj623565791/article/details/40162163 有问题请博客留言

2014-10-18

Android 任意层级 树形控件（无jar版）
代码为博客的实例代码： http://blog.csdn.net/lmj623565791/article/details/40212367 有问题博客留言

2014-10-18

Android 任意层别 树形控件
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/40212367 有问题博客留言

2014-10-18

Android 游戏 2048源码（war3版）
代码为博客示例代码，有问题请博客留言~~ http://blog.csdn.net/lmj623565791/article/details/40020137

2014-10-14

Android 游戏 2048源码
代码为博客示例代码，有问题请博客留言~~ http://blog.csdn.net/lmj623565791/article/details/40020137

2014-10-14

Android 超高仿微信图片选择器完整实例源码下载
代码为博客的实例代码，有问题请博客留言：http://blog.csdn.net/lmj623565791/article/details/39943731

2014-10-12

Android 高仿微信头像裁切 源码程序
资源为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/39761281 有问题请博客留言

2014-10-04

Android 双向侧滑菜单 （菜单在内容之上）
代码为博客的实例代码，有问题请博客留言：http://blog.csdn.net/lmj623565791/article/details/39670935

2014-10-01

Android 双向抽屉式侧滑菜单 自定义控件
代码为博客实例代码，有问题博客留言：http://blog.csdn.net/lmj623565791/article/details/39670935

2014-10-01

Android双向侧滑菜单 自定义控件
代码为博客的实例代码，有问题博客留言：http://blog.csdn.net/lmj623565791/article/details/39670935

2014-10-01

Android 手势检测实战 打造支持缩放平移的图片预览效果【VewPager版】
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/39480503 有问题请博客留言

2014-09-23

Android 手势检测实战 打造支持缩放平移的图片预览效果 【单图版】
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/39480503 有问题请博客留言

2014-09-23

Android 手势检测实战 打造支持缩放的图片预览效果
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/39474553 有问题，博客留言

2014-09-23

Android 手势检测实战 打造支持缩放平移的图片预览效果
代码为博客实例：http://blog.csdn.net/lmj623565791/article/details/39474553 有问题请博客留言

2014-09-22

Android 适配资源文件自动生成器
代码为博客实例：http://blog.csdn.net/lmj623565791/article/details/45460089 有问题请博客留言。

2015-05-03

RecyclerView 瀑布流、ListView、GridView实例源码
代码为博客实例代码，http://blog.csdn.net/lmj623565791/article/details/45059587 有问题请博客留言

2015-04-15

Android 折叠布局 神奇的侧滑效果
http://blog.csdn.net/lmj623565791/article/details/44278417 代码为博客实例，有问题博客留言。

2015-03-16

Android Drawable 各种高效用法
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/43752383

2015-02-26

Android 高仿360软件详情页
http://blog.csdn.net/lmj623565791

2015-02-09

Android 自定义控件实现圆形菜单 【高仿建行圆形菜单】
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/43131133 有问题博客留言

2015-01-26

Android SurfaceView 游戏 flabby bird 完整代码
代码为博客的实例代码，http://blog.csdn.net/lmj623565791/article/details/43063331 有问题，请博客留言

2015-01-24

Android 游戏 flabby bird （绘图部分）
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/42965779 有问题请博客留言。

2015-01-21

Android Fragments 使用的一些建议demo
代码来自博客实例：http://blog.csdn.net/lmj623565791/article/details/42628537 有问题请博客留言~~

2015-01-12

Android 优雅实现元素间的分割线 （支持3.0以下）
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/42407923 有问题请博客留言

2015-01-05

Android 自定义控件实现ViewPagerIndicator 高仿MIUI
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/42160391 有问题请博客留言

2014-12-28

Android Xfermode 实战实现圆形、圆角图片
代码为博客实例代码，有问题请博客留言：http://blog.csdn.net/lmj623565791/article/details/42094215

2014-12-23

Android BitmapShader 实战 实现圆形、圆角图片 源码程序
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/41967509 有问题请博客留言

2014-12-18

Android BitmapShader 实现圆形、圆角图片
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/41967509 有问题请博客留言。

2014-12-17

Android 高效的图片加载框架（非第三方）程序源码
代码为博客的实例代码，有问题请博客留言：http://blog.csdn.net/lmj623565791/article/details/41874561

2014-12-11

Android 完美实现图片圆角和圆形（ bug修复后）
代码为博客实例代码：http://blog.csdn.net/lmj623565791/article/details/24555655

2014-12-11

Android 制作抽奖转盘 源码实例
案例为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/41722441 有问题请博客留言。

2014-12-04

http://blog.csdn.net/lmj623565791/article/details/41722441
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/41722441 有问题请博客留言。

2014-12-04

Android DrawerLayout 高仿QQ5.2双向侧滑菜单程序文件
代码为博客的示例代码，有问题请博客留言http://blog.csdn.net/lmj623565791/article/details/41531475。

2014-11-27

Android 自己实现组件间通信框架EventBus
代码为博客的实例代码：http://blog.csdn.net/lmj623565791/article/details/41096639 有问题请博客留言

2014-11-14

查看更多

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除