IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

点击一次查看身份再点击隐藏身份，再点击查看下一个人身份

3

5

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".card-icon") .css('display', 'block');
$(".card-icon-role") .css('display', 'none');
$("#check") .css('display', 'block');
$("#send") .css('display', 'none');
$("#result") .css('display', 'none');

该问题已被官方收录

如何传递数组

1

4

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.setItem("player", player);
sessionStorage.setItem("killer", killer);
sessionStorage.setItem("people", people);

    var player = sessionStorage.getItem("player");
    var killer = sessionStorage.getItem("killer");
    var people = sessionStorage.getItem("people");

该问题已被官方收录

法官查看界面中的盒子是如何添加进去的？

0

4

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

html：
<!--<div class="content-box">-->
            <!--<div class="content-top">-->
                <!--<div class="career"></div>-->
                <!--<div class="number"></div>-->
            <!--</div>-->
        <!--<div class="content-bottom"></div>-->
    <!--</div>-->
js:
var inBox = '<div class=\"content-box\">\n'+//var个变量存储写进文档的标签代码，记住要转义字符
            '<div class=\"content-top\">\n'+
            '<div class=\"career\">\n'+ player[i] +
            '</div>\n'+
            '<div class=\"number\">\n'+ num +
            '</div>\n'+
            '</div>\n'+
            '<div class=\"content-bottom\">\n'+
            '</div>\n'+
            '</div>';
        $('.main-box').append(inBox);//通过append将盒子一个一个的往文档里面装

该问题已被官方收录

翻牌效果不知道怎么是实现

1

2

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$("#but").click(function () {
       if(num<peoplerel.length+1){
           if(status===0){
               $("show").show();
               $("hide").hide();
               status=1;
               $("maintop").text(num);
               $("#but").html("查看"+num+"号玩家");
           }else if(status===1){
               $("show").hide();
               $("hide").show();
               status=0;
               $("maintop").text(num);
               $(".hide label").text(peoplerel[num-1]);
               $("#but").html("隐藏并传递给" + num + "号");
           }
       }

该问题已被官方收录

JS如何添加法官查看页面的玩家角色

2

2

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {
    var Arr=JSON.parse(sessionStorage.getItem("Arr"));//获取之前的数组
    $("#return").on("click", function () {
        if (confirm("确认关闭？")) {
            window.location.href="task13-1.html";
        }
    });// 回退按钮
    if(1>0){
        console.log(Arr);
        for (var i=0; i<Arr.length; i++){
            $("#main").append(' <div  class="block">\n' +
                '                  <div class="block1">\n' +
                '                    <div class="title"> ' + Arr[i] + '</div>\n' +
                '                    <div class="number" >' + (i+1) + '</div>\n' +
                '                </div>\n' +
                '                </div>')
        }
    }
});//添加div

该问题已被官方收录

任务三最后一个法官页面，怎么生成并展示所有身份。

3

2

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>开始游戏</title>
    <link rel="stylesheet" href="../scss/js3-1.css">
</head>

<body>
    <header>
        <a href="#" class="back" id="backhome"></a>
        <span class="font">法官日志</span>
        <div class="close" id="off"></div>
    </header>
    <main>
        <div class="player">
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>
            <div class="people">
                <span class="identity"></span>
                <span class="amount"></span>
            </div>

        </div>
    </main>
    <footer>
        <button>开始游戏</button>
    </footer>


    <script type="text/javascript" src="../js/js3-1.js"></script>
</body>

</html>

该问题已被官方收录

任务三，翻盘页点击最后的法官查看，会先闪过一张翻盘页面再跳转到游戏开始

1

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  if ($('#look').text() == "法官查看") {
            window.location.href = 'task3-2.html';
        } else {

该问题已被官方收录

如何使天数变化时，状态机也能很好运行

1

1

有限状态机

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    var fsm = new StateMachine({
        init: 'begin',
        transitions: [{
                name: 'step1',
                from: 'begin',
                to: 'status1'
            },
            {
                name: 'step2',
                from: 'status1',
                to: 'status2'
            },
            {
                name: 'step3',
                from: 'status2',
                to: 'status3'
            },
            {
                name: 'step4',
                from: 'status3',
                to: 'begin' 
            }
        ],
        methods: {
            onStep1: function () {
                $(".btn-step1").eq(day - 1).css("background", "#83b09a"); //更换颜色
                $(".triangle-left-1").eq(day - 1).css("border-right-color", "#83b09a"); //更换小三角颜色
                sessionStorage.setItem("step", fsm.state);
                sessionStorage.setItem("checkStep", fsm.state);
            },
            onStep2: function () {
                $(".btn-step2").eq(day - 1).css("background", "#83b09a");
                $(".triangle-left-2").eq(day - 1).css("border-right-color", "#83b09a");
                sessionStorage.setItem("step", fsm.state);
            },
            onStep3: function () {
                $(".btn-step3").eq(day - 1).css("background", "#83b09a");
                $(".triangle-left-3").eq(day - 1).css("border-right-color", "#83b09a");
                sessionStorage.setItem("step", fsm.state);
            },
            onStep4: function () {
                sessionStorage.setItem("step", fsm.state);
                sessionStorage.setItem("checkStep", fsm.state);
            }
        }
    });

该问题已被官方收录

怎么使杀手杀人，全名投票，法官查看都用同一个页面

0

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

有限状态机

4

1

有限状态机

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var fsm = new StateMachine({
    init: 'solid',
    transitions: [
      { name: 'melt',     from: 'solid',  to: 'liquid' },
      { name: 'freeze',   from: 'liquid', to: 'solid'  },
      { name: 'vaporize', from: 'liquid', to: 'gas'    },
      { name: 'condense', from: 'gas',    to: 'liquid' }
    ],
    methods: {
      onMelt:     function() { console.log('I melted')    },
      onFreeze:   function() { console.log('I froze')     },
      onVaporize: function() { console.log('I vaporized') },
      onCondense: function() { console.log('I condensed') }
    }
  });

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1