阅读更多

28顶
5踩

Web前端

转载新闻 苹果官网Demo展示HTML5网页特效

2010-06-04 15:15 by 副主编 just_cool 评论(8) 有12109人浏览

或许可以算是与Adobe之间“开放”平台之争的新回合,苹果今天在官方网站上专门开辟了一个栏目,展示基于HTML5标准的网页动态应用效果。

 

苹果展示的动态网页效果综合应用了HTML5、CSS以及JavaScript技术,包括7款Demo,分别是网页视频、文字特效、画面变换、图片 浏览、音频、360度全景图片以及VR虚拟现实。所有Demo都可以在iPhone、iPod touch、iPad或Mac/Windows版的Safari浏览器上运行,其他浏览器打开该网页会被要求下载Safari。其中最特别的VR虚拟现实 Demo由于需要CSS 3D变换技术支持,因此只支持苹果移动设备或Mac机上的Safari浏览器,Windows平台用户需要下载WebKit引擎每日更新版浏览器才能运行。

 

苹果官网Demo展示HTML5网页特效
网页视频 可随意改变视频尺寸

苹果官网Demo展示HTML5网页特效
自定义文字特效

苹果官网Demo展示HTML5网页特效
类似幻灯片播放的画面切换效果

苹果官网Demo展示HTML5网页特效
网页动态相册

苹果官网Demo展示HTML5网页特效
网页音频 非常有趣的一款迷你音乐游戏

苹果官网Demo展示HTML5网页特效
360度全景图

苹果官网Demo展示HTML5网页特效
展示苹果专卖店全景的VR虚拟现实Demo Windows版Safari无法运行

来自: mydrivers
28
5
评论 共 8 条 请登录后发表评论
7 楼 mblmh2008 2010-06-07 09:55
发个地址卡拉卡拉啊为什么只有图?>
6 楼 mblmh2008 2010-06-07 09:50
这个太强大了!
5 楼 shinezhou 2010-06-06 20:21
很不错


4 楼 csywashing 2010-06-05 23:18
HTML5不过是草案。现在学到时标准正式出来又有很大差异。
3 楼 huqing2010 2010-06-05 13:56
HTML 强 , Flash 有压力了
2 楼 seele 2010-06-05 10:33
VR虚拟现实,这个得到mac os 10.6上的sf上才能看。

或者是iphone。。
1 楼 七月十五 2010-06-05 09:50
需要下载“沙发日”

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • toFixed()方法无效问题

    今天遇到一个问题,想让js算出的结果,四舍五入,遇上网上查到用 toFixed()方法,于是: c.value=a.value*b.value; c.value = c.value .toFixed(2); 但是最后发现,结果并没有四舍五入,但还是解决了 成功代码 c.value=a.value*b.value; var num = new Number(c.value); c.val...

  • toFixed 遇见的坑

    toFixed()是用于保留小数的js方法,但是一定要注意JS的机制,不是眼睛看见的那样! 下面举例我遇到的坑: <script> var a= 6; var b= 81; console.log(a/b); console.log((a/b).toFixed(2)); var res = `${(a/b)...

  • JS中toFixed()方法的问题及解决方案

    最近发现JS当中toFixed()方法存在一些问题,采用原生的Number对象的原型对象上的toFixed()方法时,规则并不是所谓的“四舍五入”或者是“四舍六入五成双”,所谓“四舍六入五成双”,在百度百科上给的解释是:也即“4舍6入5凑偶”这里“四”是指≤4 时舍去,"六"是指≥6时进上,"五"指的是根据5后面的数字来定,当5后有数时,舍5入1;当5后无有效数字时,需要分两种情况来讲:...

  • JavaScript Number 对象参考手册 toFixed() 方法

    JavaScript toFixed() 方法   返回 JavaScript Number 对象参考手册 (目录)   定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 语法 NumberObject.toFixed(num)     参数描述 num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持...

  • js处理小数 , toFixed()的潜在问题

    一、toFixed能做什么? 以下是摘自网络的toFixed的介绍: toFixed 方法: 返回一个字符串,代表一个以定点表示法表示的数字。 numObj.toFixed([fractionDigits]) 参数 numObj 必选项。一个 Number 对象。 fractionDigits 可选项。小数点后的数字位数。其值必须在 0 – 20 之间,包括 0 和 20。 说明 t

  • JS 四舍五入方法 和 toFixed()最全总结(包括toFixed()的坑以及四舍五入实现方法)

    最近在针对前端四舍五入做优化,前人是使用toFixed()来解决的,但客户发现有些数据并不是我们理解意义的四舍五入法。查阅资料得知,toFixed()实现的是银行家算法:即四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一结果如下:可以发现,(1.88545000).toFixed(4)应该是符合”五前为偶应舍去“的规则,那结果应该为1.8854, 但结果却是1.8855,我不理解,但大受震撼。。。

  • IE对象不支持此属性或方法: this.indexOf 的解决方法

    函数说明:js中的indexOf方法的作用是:根据给定参数x返回目标字符串(可以看成字符的数组)或数组中与x相等的项的索引。 这个方法相当有用,很多编程语言中都有相对应的实现,javascript中也不例外,但是在ie8-中运行如下代码: <script type="text/javascript"> var arr = [1,2,3]; alert(arr.indexOf(

  • toFixed方法的坑

    对于float的数据,toFIxed方法四舍五入不精确。浏览器和方法都是完全一样,仍然出现了误差。 查询了一些资料说使用的是银行家算法, 它是一个四舍六入五成双的诡异的方法(也叫银行家算法),&quot;四舍六入五成双&quot;含义:对于位数很多的近似数,当有效位数确定后,其后面多余的数字应该舍去,只保留有效数字最末一位,这种修约(舍入)规则是“四舍六入五成双”,也即“4舍6入5凑偶”这里“四”是指≤4 时舍去...

  • JS当中toFixed()方法5不进位问题处理

    最近发现JS当中toFixed()方法存在一些问题,采用原生的Number对象的原型对象上的toFixed()方法时,规则并不是所谓的“四舍五入”或者是“四舍六入五成双”,以谷歌浏览器为例: alert(1.5451.toFixed(2));//输出 1.55 alert(1.545.toFixed(2)); //输出 1.54 alert(1.5551.toFixed(2)); //输出 1...

  • toFixed方法无法精准四舍五入的问题

    亲测好用的toFixed方法无法精准四舍五入的问题 tofixed一遇到取舍位置为5的时候就会不间断抽风例如89.115.tofixed(2)能给你弄成89.11 大坑啊做保险费计算的时候给我整的够呛 话不多说贴代码,重写了toFiexd方法: Number.prototype.toFixed=function (d) { var s=this+""; if(!d)d=0; if(s.indexOf(".")==-1)s+=

  • 解决使用toFixed()四舍五入时精度不准的问题

    问题:四舍五入保留三位小数时 精度不准确 如 num=3.3245 得到的结果却确3.324 原因解析: 在网上查了些资料才知道, 1、在JS内部所有的计算都是以二进制方式计算的。 2、JS内部无法无限制保存二进制数值的长度。(最长52位) 我们的计算机底层都是0和1,当然,计算机也不能保留无限长(无限大)的东西。知道了以上两点,应该就不难理解了为什么JS在计算超大的数值的时候,会出现问题了,那么为什么计算很小浮点数的时候也会出问题呢,因为在JS内部,浮点数也是用很长很长的二进制表示的。 解决办法: 一、

  • js的toFixed四舍五入偶尔不正确的问题

    原因:因为toFixed是一个四舍六入五成双的方法 四舍六入好理解,那什么叫五成双呢 "五"指的是根据5后面的数字来定,当5后有数时,舍5入1;当5后无有效数字时,需要分两种情况来讲:①5前为奇数,舍5入1;②5前为偶数,舍5不进。(0是偶数) `(0.5251).toFixed(2) =&gt; 0.53 然而 (0.525).toFixed(2)=&gt;0.52。` 所以偶尔项目中会偶尔出现问题,我们可以封装一个四舍五入的公共方法来使用 var num =2.446242342; num =

  • js中toFixed四舍五入精度问题

    toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。单独封装toFixed方法实现。...

  • js fixed 四舍五入问题,发现只有这个可靠些

    试过几个,发现只有这个可靠些

  • js之toFixed()四舍五入丢失精度的问题解决

    1 、tofixed方法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。具体规则如下: 简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为...

  • 使用toFixed遇到的问题

    在使用toFixed进行四舍五入的时候,我们有时候会遇到下面这种情况: let a = 1.595; let b = 1.5952 console.log(a.toFixed(2)); console.log(b.toFixed(2)); 输出结果: 1.59 //a 1.60 //b 从这里可以看出,当你要保留两位小数的时候,如果目前只有三位小数,则数据不准确,如果目...

  • 使用toFixed()函数时,出现“toFixed() is not a function”的解决办法

    toFixed只能针对数字类型才能使用,所以对于字符类型的要用parseFloat(value).toFixed(2)+% 保留2为小数后面加个百分号 或者parseInt函数先转一下再调用

  • 【JS】toFixed不精准问题的解决办法

    不经意之间发现我一直在用的toFixed方法竟然有问题,我竟然糊涂的用它做了很多事!以下是我在chrome上的结果: console.log(1.35.toFixed(1)); // 1.4 正确 console.log(1.335.toFixed(2));//1.33 错误 console.log(1.3335.toFixed(3));//1.33 错误 console.log(1.333...

Global site tag (gtag.js) - Google Analytics