网易娱乐“生成我的娱乐头条”的H5实现过程_pdf

当前位置: Docx88>IT/计算机>互联网>网易娱乐“生成我的娱乐头条”的H5实现过程_pdf


网易娱乐“生成我的娱乐头条”的H5实现过程

这两天你的朋友圈被网易新闻的“娱乐头条”刷屏了吗?《前任曝XX曾同时有百人以上性伴侣》、《国民老公网络票选XX大胜王思聪》《曝XX与金秀贤拍床戏NG失误多》,搞怪无下限。

用HTML5工具破解这个H5作品并不难,只需要半天时间。我们制作出了高仿版本(http://www.ih5.cn/idea/SJMztQp),并把具体H5实现的完整过程梳理了出来,全部需要八步。

一、新建案例

登录电脑端iH5.cn,点击主页右下角的黄色加号“新建案例”后,创建手机端案例。

二、新建页面和变量

网易娱乐“生成我的娱乐头条”的H5实现过程

在编辑界面右侧的“对象树”中右击“舞

台”,点击“添加”——“页面”,添加7个页

面。

选中“舞台”,找到左侧的“工具”里第

五块区域,点击变量工具(X),在舞台下添

加“变量1”,填写名称为“a”。

选中“舞台”,找到第一块区域文本工具,

拖动一块区域,文本留空,命名为“空文本”。

(提示:页面数量以新闻数量为准,本案例为

男女分别设置3个新闻,共有2*3+1个页面,

页面1为“生成我的娱乐头条”。)