使用HTML5中postMessage实现Ajax中的POST跨域问题

HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。浏览器支持程度:IE8+,firefox4+,chrome8+ opera10+1. 首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码:window.addEventLis...
POST跨域 HTML5

html5如何在IOS下自动播放音乐

在iphone所有平台包含最新的iphone6 plus,都有效另外有B格的魅族里也同样有效。但是基于微信里打开。audiopreload=preloadcontrolsid=car_audiosrc=http://s882ddd.com/pinpai2/images/222.mp3loop/audio script setTimeout(function(){ $(window).scro...
html5 IOS播放音乐

HTML5五彩连珠小游戏

之前我们分享过很多炫酷的HTML5游戏,比如HTML5堆木头游戏,实现原理也是比较简单的。今天我们要分享另外一款HTML5小游戏,名字叫五彩连珠。点击彩球移动到期望的位置,每移动一次,画面将随机出现3个新的彩球;当同一颜色的彩球连成5个一行或一列或一斜线时,这5个彩球同时消失,游戏得分10分。当画面上每个方格都被彩球占满时,游戏结束。...
HTML5游戏 HTML5

HTML5 SVG世界地图 地图可拖拽和缩放

之前我们已经向大家分享过一些基于HTML5的地图应用,比如jQuery矢量SVG地图插件JVectorMap,以及这款HTML5/CSS3带区域地图的联系表单。今天要分享的这款HTML5地图应用是一张世界地图,地图元素是使用SVG绘制的,并且地图可以拖拽和局部缩放,效果非常不错。...
SVG世界地图 HTML5 SVG

HTML5实现刮奖效果

要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果。而HTML5的canvas API中有一个属性globalCompositeOperation,这个属性有多个值,而实现刮奖效果要用到的值就是destination-out。意思就是:在已有内容和新图形不重叠的地方,已有内容保留,所有其他内容成为透明。这样可能不好理解,后面实现的时候会解释。有了globalCompos...
HTML5 刮奖效果

基于zepto的微信手机端微场景HTML5页面特效

如今非常流行的HTML5页面展现形式,特别是在一些微信应用里面微场景的使用、电子海报等表现方式大都采用如此方式,今天我们提供大家一款这种页面特效,支持手机端触屏向上滑动,页面非常流畅,基于zepto,轻量级框架,大家可以看看。...

HTML5+JS实现刮刮乐刮刮卡抽奖特效代码

非常不错的HTML5+JS实现刮刮乐刮刮卡抽奖特效代码,基于jQuery实现,支持响应式手机页面使用,支持手机涂抹,如今在微营销中经常使用这种方式,用户体验非常的不错。...
抽奖特效代码 HTML5+JS

HTML5 Canvas炫酷的火焰风暴动画

利用HTML5技术,我们已经实现过不少关于火焰动画特效的HTML5应用,尤其是和Canvas搭配,比如HTML5动感的火焰燃烧动画特效和HTML5 Canvas火焰喷射动画效果。这次给大家带来的是一款基于HTML5 Canvas的火焰风暴动画特效,改动画效果就像从天上掉落火焰一样,火焰风暴逐渐蔓延到整一个画布。...
火焰风暴动画 HTML5 Canvas

HTML5多立方体3D翻转动画

很久没有分享关于HTML5 3D动画的应用了,大家可以移步至HTML5 3D目录下欣赏所有的HTML5 3D动画特效。今天小编要给大家带来另外一款HTML5 3D立方体翻转动画,这款动画能实现多个立方体按一定顺序翻转,给人墙体翻转的3D视觉效果。...
3D翻转动画 HTML5

HTML5统计图表数据初始动画

之前我们已经向大家分享很多HTML5图表了,比如这款HTML5 Canvas折线图表和柱形图表就比较经典。今天要介绍的也是一款HTML5图表,该统计图表的特点是图表数据在初始化的时候会出现很酷的动画特效,特别是环形百分比应用还会出现百分比数的动态更新。...
HTML5统计 统计图表