仿饿了么-谁去拿外卖html源码分享!

本博客主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

喝酒 没有游戏玩?

懒得下床 不想出去 那么好 这个游戏会 满足你!

 

仿饿了么-谁去拿外卖html源码分享!仿饿了么-谁去拿外卖html源码分享!

 

玩法

每人都选择一个序号  4 个人为例  

  张三选第 ①  

李四选第 ②

王五选第 ③

赵前选第 ④

然后就按 4 下  其中最小的数对应的序号就是他输了就去拿外卖!

备注:在你们几个同时订外卖的时候在用免的被打!

 

部分代码原理很简单

(function () {
    var button = document.getElementsByTagName('button')[0];
    var ullist = document.getElementsByTagName('ul')[0];
    var arrList = [];
    var close = document.getElementById('close');
    var mask = document.getElementsByClassName('mask')[0];
    var icobtn = document.getElementsByClassName('ico')[0];
    var min=NaN;
    var index;
    close.onclick = function () {
        mask.style.display = 'none';
        // console.log('ok')
    }
    icobtn.onclick = function () {
        mask.style.display = 'block';
    }
    button.onmousedown = function () {
        this.style.backgroundPosition = '0 ' + (-80) + 'px';
        cteatNumer()
        this.onmouseup = function () {
            this.style.backgroundPosition = '0 ' + (-40) + 'px';
        }
    };
    button.onmouseenter = function () {
        this.style.backgroundPosition = '0 ' + (-40) + 'px';
        this.onmouseleave = function () {
            this.style.backgroundPosition = '0 ' + 0 + 'px';
        }
    };
//鼠标滑过的时候背景变化


    Array.prototype.min = function () {
        var min = this[0];
        var len = this.length;
        for (var i = 1; i < len; i++) {
            if (this[i] < min) {
                min = this[i];
            }
        }
        return min;
    }
    //数组取最小值
    function cteatNumer() {
        var num = Math.floor(Math.random() * 100);
        if(min == num){
            cteatNumer();
            return;
        }     //判断是否有最小值重复   
        arrList.push(num);
        if (arrList.length > 11) {
            if (num > min && index == 0) {
                arrList.splice(1, 1);
            } else {
                arrList.shift();
            }
            console.log(arrList);
        }
        console.log(arrList.min());
       
        min = arrList.min();//最小值
        index = arrList.indexOf(min);//最小值在数组中的索引
        refurbishDom(arrList, index);
    }
    
    function refurbishDom(arr, index) {
        ullist.innerHTML = '';
        var len = arr.length;
        
        for (var i = 0; i < len; i++) {
            
            ullist.innerHTML += '<li>' + '扔出了一个' + arr[i] + '</li>';
        }
        ullist.getElementsByTagName('li')[index].className = 'takeout-list';
    }
})()

 

抱歉,隐藏内容 回复 后刷新可见

未经允许不得转载:作者:乔越, 转载或复制请以 超链接形式 并注明出处 乔越博客
原文地址:《仿饿了么-谁去拿外卖html源码分享!》 发布于2018-12-05

分享到:
赞(1) 打赏

评论 4

8 + 1 =
  1. #1
    qq_avatar

    哈哈哈哈哈哈哈

    A dream.5个月前 (05-23)回复
  2. #2
    qq_avatar

    mark 哈哈哈

    成就你的梦想。4个月前 (06-10)回复
  3. #3
    qq_avatar

    学习

    初衷4个月前 (06-29)回复
  4. #4

    哈哈哈哈哈哈哈哈

    ckck1233个月前 (07-04)回复
仿饿了么-谁去拿外卖html源码分享!

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

79代刷网
代刷网各种代刷 售后有保证 代做各种网站有需要留言给我即可!
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册