HTML5 - ITeye技术社区

[移动开发] [随笔]移动App--本地应用还是html5？

时间回溯到10多年前，那个时候如果要开发一套针对中小企业的信息化方案，我想大多数开发者马上会想到delphi，利用delphi提供的相关框架和组件， ...

0顶0踩

bluecrystal 评论(0) 有2942人浏览 2012-01-09 11:43

[Web前端] HTML5/CSS3翻转动画（二）

上一篇我们制作了两行文字的翻转效果，他们是同步进行的，当然不同步也可以设置时间不同。而有时我们想时间上是相同的，但是翻转效果是不同的，这点也不难做，我们再编写一组翻转动画CSS即可： @-webkit-keyframes flip2 { 0% { -webkit-transform: rotateY(0deg) scale(1,1); color: white; } ...

css html css3 html5 javascript

4顶2踩

sarin 评论(0) 有9564人浏览 2011-12-31 11:28

[Web前端] HTML5/CSS3翻转动画（一）

翻转动画效果，就是将页面的元素（文字，图片）加入围绕坐标轴翻转的效果，在Webkit内核的浏览器中，很容易实现。而其它内核暂时支持不是很好。首先，我们创建页面： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="tex ...

css html html5 javascript css3

4顶0踩

sarin 评论(0) 有17662人浏览 2011-12-30 13:43

本人原创作品，原文发表在： http://tech.it168.com/a2011/1207/1285/000001285230_all.shtml 转载请注明出处在HTML5中，出现了众多的新的技术和特性，而本文将介绍的是目前HTML5标准中，对如何将用户客户端的文件拖拉到浏览器这一特性进行初步的讲解。在HTML5中的标准中，提到了希望能在新一代浏览器中，支持用户直接将客户端桌面的文件拖放到浏 ...

html5

3顶0踩

jackyrong 评论(0) 有1974人浏览 2011-12-28 20:06

[移动开发] jquery mobile搭配REST是不错的选择

现在，jquery mobile由于可以使用HTML5去编写移动网页，因此如果是普通的网站，想搞个移动版本之类的话，可以尝试用jquery mobile,比如有些功能，需要返回给移动端的话，可以使用后端REST的风格，以JSON形式返回给前端，然后jquery mobile 有利用ajax发起向后端拿到REST返回的结果，在前端解析，效果是不错的。下面看下大概的模型： ...

mobile jquery html5

1顶0踩

jackyrong 评论(0) 有3575人浏览 2011-12-24 16:22

[移动开发] [翻译介绍]jquerymobile页面(page)分解

Jquery Mobile"page"结构是优化的用于支持单页面和在一个页面中本身内部(local internal)的链接页。 mobile page structure手机页面结构：一个Jquery mobile� ...

jquerymobile html5 android

0顶0踩

banxi1988 评论(0) 有7751人浏览 2011-12-20 11:58

[Web前端] HTML 5 GAME的几款小游戏例子推荐

HTML5 时代就要来了,连game也很多开始往HTML5上转移,HTML5 GAME有几个好处 1 跨平台浏览器 2 不用安装 3 代码编写维护快,容易当然目前还有些问题,比如版权保护,渲染速度等,下面是几个不错的网上的小例子游戏程序 1 是个迷宫的效果http://www.ambiera.at/coppercube/demos/version3/backyard/embe ...

html5 游戏

4顶0踩

jackyrong 评论(0) 有2950人浏览 2011-12-18 21:38

[Web前端] 三种HTML中不错的滑动条实现方式

在html5中,新出现了可以支持自由滑动的范围控制条的控件,即: <input id="defaultSlider" type="range" min="0" max="500" /> 但其浏览器支持情况中,firefox是暂时不支持的,IE当然不支持了,会取而代之的是文本框. ...

html5 jquery html

2顶0踩

jackyrong 评论(0) 有22894人浏览 2011-12-16 11:37

[移动开发] Sencha-touch之TabPanel的Tab在点击时执行事件

前面一直很忙，忙了快有一年了，学习了很多东西，也没有系统的整理一下，现在开始逐渐的将自己的一些学习的心得一点一点的记录下来。 Sencha-touch的前身是ExtJs，前几年我一直在做ExtJs的方面的扩展开发，现在由于自己的项目，做移动端的跨平台开发，因此用到了Sencha-touch。 Sencha-touch中TabPanel的使用频率应该是很高的了，一般的应用应该都会用到， ...

Sencha-touch 跨平台移动 html5 phonegap

0顶0踩

cugbmao09 评论(0) 有6471人浏览 2011-12-13 19:53

[Web前端] html5 中一个无聊新特性之reversed倒序

在HTML5中，W3C的草案有很多新的特性了，有的已经被各大浏览器所接受，有的依然没能接受，有的接受的比较少，在本文中，将介绍一个目前各大浏览器都还没接受的一个新特性，reversed，这个特性用在列表中，其定义标准在 W3C的地址为：http://dev.w3.org/html5/spec/Overview.html#the-ol-element 先看例子 <ol reversed ...

ol html html5

1顶0踩

jackyrong 评论(0) 有3502人浏览 2011-12-12 21:37

[Web前端] html5新特性介绍之PageVisibility API

在HTML5的众多新特性中,有的新特性可能容易被人忽视,又或者不是主流新特性,但不可忽略,因为估计以后越来越多浏览器支持.今天要介绍的,就是 chrome和ie 10都支持的一个很好的新特性:HTML5中的PageVisibility API,下面例子讲解下. 比如在web中,有的时候,用户会经常切换页面,把某个页面最小化后,可能很久时间都不打开某个页面了,要过很久再打开.又或者比如 ...

html5 chrome ie google

3顶0踩

jackyrong 评论(0) 有6550人浏览 2011-12-10 11:51

[Web前端] Chrome中canvas上drawImage无法画出image的解决办法

在自己写demo的过程中碰到了这样一个问题发现drawImage方法没有达到预期的效果图片没办法显示而fillRect等画图形的方法却工作良好大概的代码如下： $(function() { var $my_canvas=$("#my_canvas"); var my_canvas=$my_canvas[0]; var context=my_canv ...

canvas html5

3顶2踩

cookiejj2010 评论(5) 有20311人浏览 2011-12-02 15:32

[Web前端] html5音乐播放器（chrome测试通过）

html5出来已经很久了，众所周知html5支持播放音乐和视频，作为一个html5网页的开发者，一直都想做一个html5的音乐播放器，同时也增加对javascript的认识，我利用空闲的一段时间开发了一个javascript版本的html5播放器，由于马上又有事情做，这个版本只具备的一部分的功能，欢迎大家一起交流，完成所有的功能。靠，发现我太唐僧了，不说废话直接上代码了 <!DOCTYP ...

html5 音乐 javascript

0顶1踩

gteam.yu 评论(0) 有2336人浏览 2011-12-02 12:24

[Web前端] 【HTML5活动】HTML5 Canvas实现贪吃蛇

活动地址：http://html5.group.iteye.com/group/topic/28234 严格来说这片博文不应该叫《HTML5 Canvas实现贪吃蛇》。因为这里除了向给大家展示用Canvas+javascript实现snake外，更重要的是我在写出snake之前，对Canvas学习过程中整理的笔记。因此这篇博文的内容有两个重点：提供关于Canvas的相关学习文档 ...

html5 canvas 贪吃蛇

3顶1踩

LeeYee 评论(1) 有2545人浏览 2011-11-26 16:10

[Web前端] 【HTML5活动】使用HTML5对web应用系统进行提升

对于一个web应用系统来说，javascript似乎是首选，近几年兴起的flex也渐渐占据一席之地，笔者是电信BI系统软件开发人员，对于web系统开发来说，拥有一套完备的、易使用的web框架（主要指前台），真的是太有必要了。 js方面就不多说了，一个强大的脚本语言，现在哪个网站或系统没用到js，那真的是太强悍或太简单了，flex那么牛叉，还是得用js垫脚。笔者的 ...

HTML5 web系统拖拽

3顶0踩

housen1987 评论(0) 有1530人浏览 2011-11-23 21:14

[Web前端] Judge Your Browser Support HTML5 Tag

查看你的浏览器是否支持最新的HTML5标签，这里我会用自带的系统函数和Modernizr做对比 1，canvas标签的支持(提供画图功能，将取代falsh) //自定义方法 function supports_canvas() { return !!document.createElement('canvas').getContext; } //Modermizr判断后面排 ...

html5 html tag canvas hml5新标签

0顶0踩

dj4307665 评论(0) 有1773人浏览 2011-11-22 09:54

[Web前端] HTML5 中用CANVAS画一个五角星

HTML5 中用CANVAS画一个五角星,代码如下: <script type="text/javascript"> function init() { var ctx = document.getElementById('stars').getContext('2d'); ctx.fillStyle = "#827839"; ...

canvas html5

3顶0踩

jackyrong 评论(2) 有8724人浏览 2011-11-17 15:14

[Web前端] window.postMessage

只是做一些简单的知识积累，初探！ HTML5标准下的postMessage postMessage可以实现跨文档消息传输（Cross Document Messageing）. IE 8,FF3,Opera9,Chrome 3和Safari4多支持可以通过绑定window的message事件来监听发生跨文档消息传输内容也可以在同源策 ...

html5 postMessage

0顶1踩

zhangyaochun 评论(1) 有1896人浏览 2011-11-09 15:36

[Web前端] 本地数据库存储JS类

//js调用本地数据库主JS文件 var HD = { is_db : null, uid : null, ukey : null, shortName : 'hd', version : '1.0', displayName : 'hd_2345', maxSize : 100000, data : null, other : null, login ...

javscript 本地存储 html5

1顶0踩

我叫张大熊评论(0) 有1174人浏览 2011-11-06 10:50

[Web前端] HTML5中新增的测量页面加载的时间API

在HTML5标准中，草案新增加了在JS中通过API计算某个页面从服务器加载返回到浏览器的时间： var startTime = new Date().getTime(); function onLoadEventHandler() { var latency = startTime - performance.timing.navigationStart; ...

performance html5

2顶0踩

jackyrong 评论(0) 有2673人浏览 2011-11-05 23:02

[Web前端] （Html 5 新特性）localStorage 介绍

在Html 5之前，由于没有localStorage，我们要实现记录密码或者自动登录的功能，基本只能依靠Cookie，而现在只能手机已经十分普遍，现在手机上浏览网页无法通过Cookie来实现类似功能，于是Html 5 给我们提供了一个非常好用的行特性localStorage。 localStorage的功能和Cookie差不多，主要用来记录一些script中需要使用的信息，它的构造和Ma ...

localstorage html5

0顶1踩

gteam.yu 评论(0) 有1895人浏览 2011-11-01 14:02

[Web前端] HTML5/CSS3清爽后台番外篇-添加锁屏效果

锁屏效果，也就是将屏幕置于模态，不允许用户触发任何动作，只能解除锁定后才能继续使用，jQueryUI的dialog有模态对话框，这一点不难做到。那么，首先需要在页面中添加一个div层，用于做模态的层： <div id="overlay"> 其对应的CSS比较简单，主要设置一下z-index属性，值设置的很大即可，就能达到覆盖其余元素的效果，加上opac ...

html5 css3 css html javascript

13顶2踩

sarin 评论(8) 有10261人浏览 2011-10-29 12:34

[Web前端] HTML5内联编辑

下面的例子展示了使用div的内联编辑模式。 <html> <head> <title> Editable <div> Element </title> <script type="text/javascript"> ...

html5 div

0顶0踩

zlpx 评论(0) 有998人浏览 2011-10-24 09:22

[Web前端] HTML5 canvas做的一个图片局部放大的效果

看到老外做HTML5的越来越多了,今天看到一个其中用HTML5做的效果不错, 是在canvas上画的圈,做放大器,并且监视了鼠标的相关事件,代码如下: HTML部分 <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8&quo ...

canvas html5

4顶0踩

jackyrong 评论(0) 有10603人浏览 2011-10-21 11:22

[Web前端] 基于HTML5/CSS3的清爽后台管理页面（一）

后台管理系统是企业级开发中必不可少的组成部分，一般来说其页面是比较简单的，包含登录页面和登录后的管理页面即可。登录之后，可以使用导航树来加载iframe嵌套其它页面。做页面也是程序员比较头疼的问题，那么我们就来看看企业级开发中后台页面的做法。我们使用HTML5/CSS3来简化开发达到清爽效果，但不太适用于IE9以下用户。首先编写页面的基本骨架： <!DOCTYPE html& ...

html html5 css3 css

12顶4踩

sarin 评论(1) 有20542人浏览 2011-10-01 21:36

[移动开发] 利用HTML5开发Android笔记（下篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数 ...

HTML5 Android

4顶4踩

cookiejj2010 评论(4) 有30083人浏览 2011-09-28 15:06

[移动开发] 利用HTML5开发Android笔记（上篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数量还是比较多的所以分了3篇（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试 ...

HTML5 Android

2顶2踩

cookiejj2010 评论(0) 有52869人浏览 2011-09-28 14:51

[移动开发] 利用HTML5开发Android笔记（中篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数量还是比较多的所以分了3篇（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试 ...

HTML5 Android

3顶6踩

cookiejj2010 评论(0) 有19891人浏览 2011-09-28 14:56

[移动开发] 目前各移动操作系统HTML5支持一览大图

目前各移动操作系统HTML5支持一览大图,很详细说明小结了目前各移动操作系统对HTML5支持的情况,值得学习:

html5

3顶0踩

jackyrong 评论(1) 有2313人浏览 2011-09-14 10:57

[Web前端] HTML5中的prefetch预加载功能初探

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 目前,只有firefox和chrome支持这两个特性,chrome是在version 13后开始支持的, safri和ie依然不支持. 举个例子说明:比如要预先加载某个页面,可以这 ...

chrome firefox prefetch html5

3顶1踩

jackyrong 评论(0) 有4910人浏览 2011-09-13 09:39