罗志祥现在女友网易娱乐“生成我的娱乐头条”的H5实现过程
这两天你的朋友圈被网易新闻的“娱乐头条”刷屏了吗？《前任曝XX曾同时有百人以上性伴侣》、《国民老公网络票选XX大胜王思聪》《曝XX与金秀贤拍床戏NG失误多》，搞怪无下限。
用HTML5工具破解这个H5作品并不难，只需要半天时间。我们制作出了高仿版本（www.ih5/idea/SJMztQp），并把具体H5实现的完整过程梳理了出来，全部需要八步。
一、新建案例
登录电脑端iH5，点击主页右下角的黄加号“新建案例”后，创建手机端案例。
二、新建页面和变量
在编辑界面右侧的“对象树”中右击“舞
台”，点击“添加”——“页面”，添加7个页金秀贤
面。
选中“舞台”，到左侧的“工具”里第
五块区域，点击变量工具（Ｘ），在舞台下添
加“变量1”，填写名称为“a”。
选中“舞台”，到第一块区域文本工具，
马伊琍个人资料二婚拖动一块区域，文本留空，命名为“空文本”。
（提示：页面数量以新闻数量为准，本案例为白沟箱包城
男女分别设置3个新闻，共有2*3+1个页面，
页面1为“生成我的娱乐头条”。）
三、设置背景与新建输入框
选中页面1，在电脑中拖动头条背景图片到编辑窗口，上传完成后调整图片大小。保持页面1选中，点击工具第五块工具区域中的“输入框”，拖动生成一个区域，修改参数为：绑定对象“舞台.变量1”，文本居中对齐，提示文字为“请输入姓名”，最大长度为20。
（提示：案例还为性别设置了选中后的效果，以及输入框未选中、姓名长度超过20和未输入姓名时的错误提示。）
曾舜晞
四、添加按钮
保持页面1选中，在第一块工具区域点击透明按钮工具，任意拖动出一块区域生成透明按钮“性别”。
保持透明按钮1选中，点击按钮工具（不是透明按钮），拖动区域生成按钮。设置按钮参数为：背景颜#346AE8（蓝），文本“男”，圆角15。
tfboys成员资料保持透明按钮1选中，同样方法添加按钮“女”，并点击第一块工具区域中文字体工具，拖动区域设置文本为“性别：”。
保持页面1选中，添加按钮“生成我的娱乐头条”（#FF1A12红，圆角20）。
（提示：保持页面或对象选中，是为了在该页面或对象下放置对象，也可以按Ctrl+C和Ctrl+V把对象复制粘贴到指定页面或对象下。另外，中文文本是“字”，英文文本是“T”，英文文本的中文只支持默认字体。）
五、添加计数器和按钮事件（上）
保持页面1选中，在第三块工具区域点击计数器工具，拖动生成显示计数的区域。
右击按钮“男”添加事件，把事件参数设置为：触发条件是手指按下，目标对象是计数器1，目标动作是赋值，值设置为1。用同样方法为按钮“女”添加事件，但赋值为2。
右击按钮“生成我的娱乐头条”（本案例为“按钮3”）添加事件组，触发条件为“手指按下”。为事件组添加4个事件，事件1主要是为了把输入的内容传到空文本，参数设置为：目标对象是页面1的输入框，目标动作“传值”，控件为“舞台.空文本”。
事件2的参数设置为：目标对象“舞台”，目标动作“提交素材”。
事件3和4必须点击去除左侧选中框里的勾，设置为隐藏。两个事件的参数设置类似，事件3目标对象是舞台，设置跳转到随机页面2,3,4，对应的是性别为“女”的新闻页面；4则是跳转到随机页面5,6,7。
六、添加计数器和按钮事件（下）
为“计数器”添加4个事件，事件1参数设置为：触发条件等于2时，“生成我的娱乐头条”下的事件组的事件3启用。事件2设置为等于1时，事件4启用。事件3设置为：触发条件等于2时，“生成我的娱乐头条”下的事件组的事件4禁用，同样地，事件4表示等于1时，事件3禁用。
为页面添加一个事件组，触发条件为“显示”，下面设2个事件。事件1、2参数分别设置为：“生成我的娱乐头条”下的事件3、4禁用。
（提示：把计数器设置为1或者2，主要与前面男和女的赋值有关。禁用事件8、
9是为了避免跳转页面因为性别选中的切换而影响。）
七、编辑新闻页面（上）
本案例页面2-4是设置为性别“女”，页面5-7是设置为性别“男”。以页面7为例，对页面2-6进行设置。从下图可以看出，主要需要添加一个生成头条的按钮、一个事件组和两个英文文本。其他文字或图片可以自己进行添加，不需要多加设置。
添加“头条”按钮事件。在页面7中添加“生成我的娱乐头条”按钮，为其添加触发条件为“手指按下”的事件组，在事件组下添加三个事件。事件1参数设置为：目标对象“舞台”，目标动作“跳转页面”，页面为“页面1”。事件2参数设置为：把页面1的“计数器1”，赋值为0。事件3参数设置为：把页面1中的“输入框1”设置为“清除文字”。
（提示：事件2和事件3都是为了让重新进入页面1时性别和姓名清零。）
八、编辑新闻页面（下）
两个英文文本分别是新闻标题和新闻内容，参数不需要多加设置。关键的是，在页面7下面的事件组1包含6个事件，就是对分享标题、新闻标题和正文的参数设置。
事件1参数为：目标对象是页面7的英文文本“标题”，目标动作是设定文字，值为“$a出纪录片堪比AV 点击量首日破900万”。这里的$a就是第二步添加的变量a的值，这个值能与输入内容绑定的原因在于第三步设置输入框参数时，绑定变量为a。
事件2即用同样的方法对新闻正文内容的设置，只需要把预设的新闻原有的主人公姓名替换为$a即可。事件3、4、5相似，但目标对象是舞台，目标动作分别为“设定标题”、“设定描述”和“设定页面”。