html做一个apple官网页面,Html5实现iPhone开机界面示例代码

今天我突发其想，想到可以用Html5来仿照苹果操作系统做一个能在Web平台运行的ios。

当然，要开发出一个操作系统，等我再归山修练一百年再说吧。今天就先娱乐一下，先搞一个开机界面。

完工后的图片：

 

担心图片是被我PS后的同学可以直接进入下面的地址测试：

http://www.cnblogs.com/yorhom/articles/3163078.html

由于lufylegend封装得的确不错，本次开发还是用该引擎做的。代码不多，感兴趣的朋友可以直接看一下。

index.html中的代码：

复制代码代码如下:

iphone

loading......

Main.js中的代码：

复制代码代码如下:

init(50,"mylegend",450,640,main);

LGlobal.setDebug(true);

var loadData = [

{path:"./js/Shape.js",type:"js"},

{path:"./js/BootPage.js",type:"js"},

{name:"wallpaper",path:"./images/wall_paper.jpg"}

];

var datalist = {};

var backLayer,iphoneLayer,screenLayer,buttonLayer;

var iosShape;

var bootPage;

function main(){

LLoadManage.load(loadData,null,gameInit);

}

function gameInit(result){

datalist = result;

//初始化层

initLayer();

//加入iphone外壳

addShape();

//加入开机界面

addBack();

}

function initLayer(){

//背景层

backLayer = new LSprite();

addChild(backLayer);

}

function addShape(){

iosShape = new Shape("IPHONE",400,600);

iosShape.x = 15;

iosShape.y = 5;

backLayer.addChild(iosShape);

}

function addBack(){

bootPage = new BootPage();

bootPage.x = 40;

bootPage.y = 40;