开发网站需要哪些技术人员,东旭网站建设,wordpress生成地图,皮具网站源码效果演示 组件
一、中继器
建立一个“中继器”内部插入一个“正方形”#xff0c;给“正方形”添加一个【样式效果】【选中状态】填充背景为红色#xff0c;字体白色。在中继器表格中插入两列数据函数#xff1a;【xuhao】(序号列#xff0c;按12345……填写给“正方形”添加一个【样式效果】【选中状态】填充背景为红色字体白色。在中继器表格中插入两列数据函数【xuhao】(序号列按12345……填写用来实现随机抽取时的位置)和【xuanzhong】(只用于报税抽奖过程中的选中状态。0代表未被选中1代表被选中默认值为1)中继器布局为【横向】水平分布每行项目数为3。
二、“开始抽奖”按钮 全局变量
设置两个【全局变量】
xuanzhongxuhao : 表示被选中的位置序号用于记录闪烁的位置默认值为1。quanshu用于记录抽奖轮回闪烁的次数。 交互设置
一、页面载入时交互
【设置变量】“quanshu为“[[Math.floor(Math.random()*918)]]”【random()】函数表示获取一个0-1之间的数*9是为了在序号1-9中随机抽取一个18表示先让抽奖效果闪烁两遍【floo()】函数表示向上取整。 二、中继器每项加载时交互
【设置文本】将item.xuhao的值设置给中继器里的“正方形”的文本
【设置选中状态】当“xuanzhong”的值为0时“正方形”选中状态为“假”当“xuanzhong”的值为1时“正方形”选中状态为“真”。 三、“抽奖按钮”单击时交互
“抽奖按钮”单击时交互有三种判断条件
1、当“xuanzhongxuhao≥1”和“xuanzhongxuhao≤dataCount”和“quanshu0”三个条件共同满足时【dataCount】变量表示“中继器”最大行数。
【禁用按钮】鼠标单击按钮以后我们要首先禁用掉当前按钮为了防止重复点击而出现的问题。【标记行】标记中继器里的所有行然后更新已标记的行即更新所有行将所有行里面的xuanzhong列的值都改为0目的是将全部“正方形”的设置未被选中状态。【更新行】更新的【规则】逻辑是当【“xuhao”“xuanzhongxuhao”】将这一行的xuanzhong列的值更新为1。这样就可以保证每次只会选中1个而且选中这个之后又会自动设置记录文本1从而实现循环。【等待】设置一个等待的时间即每个“正方形”选中显示蓝色背景的时间为200毫秒。【设置变量】设置“xuanzhongxuhao”为他原来的值1代表当前“正方形”已经闪烁完成了记录下一个要闪烁的“正方形”的序号设置“quanshu”为他原来的值-1代表刚开始随机出来的闪烁次数不断减小。【触发事件】触发当前“抽奖按钮”鼠标单击时事件实现循环。例如刚开始随机出来的数字是20那么他就会一直不断的循环在转20到19到18……到0才会停止。 2、当“xuanzhongxuhaodataCount【dataCount】变量表示“中继器”最大行数。
【设置变量】设置“xuanzhongxuhao”为1表示重头开始。【触发事件】触发当前“抽奖按钮”鼠标单击时事件实现循环。 3、当“quanshu0”时
【触发事件】触发页面载入时事件重置随机次数【设置变量】“xuanzhongxuhao”为1表示重头开始【启用按钮】完成一轮抽取得到结果重启按钮。