Fatal编程技术网
  • javascript/
  • Javascript 很简单。从JS创建闪烁光标的表

Javascript 很简单。从JS创建闪烁光标的表

javascript html css

Javascript 很简单。从JS创建闪烁光标的表,javascript,html,css,html-table,cursor,Javascript,Html,Css,Html Table,Cursor,我正在制定一个项目，制作一个多方面的tictac-Toe游戏 但是… 每一个表格单元格都给了我这个恼人的闪烁光标。它就像是一个输入 有什么想法为什么。。。？或者如何删除它？ 铬很好用Firefox 26.0抛出此错误。 当前直播版本： 完整代码： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Tic Tac Toe! (and mo

我正在制定一个项目，制作一个多方面的
tictac-Toe
游戏

但是…

每一个
表格单元格
都给了我这个恼人的闪烁光标。它就像是一个
输入

有什么想法为什么。。。？或者如何删除它？

铬很好用<代码>Firefox 26.0抛出此错误。

当前直播版本：

完整代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Tic Tac Toe! (and more...)</title>
  <meta name="description" content="Tic Tac Toe">
  <meta name="author" content="SinSysOnline">
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <style>
  body{
    font-family:"Lucida Console", Monaco, monospace;
  }
  td{
    padding:0;
    margin:0;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    width:100px;
    height:100px;
    text-align:center;
    font-size:72px;
  }
  td:last-child{
    border-right:none;
    border-bottom:1px solid #000;
  }
  tr:last-child td{
    border-bottom:none;
  }
  table{
    padding:25px;
    margin:0 auto;
    cursor:pointer;
  }
  #dashboard{
    background:#CCC;
    padding:15px;
    border:1px solid #000;
    box-shadow:0 5px 15px #000;
  }
#alert{
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color:#F00;
    text-align:right;
}
.check{
    background:url("check.png");
}
</style>
</head>

<body>
<div id="dashboard">
    <p>How large is your grid? (3-10)</p>
    <input type="text" id="size" size="1" />
    <input type="button" id="go" value="Create Board / Reset" />
    <p id="alert">Alerts Live Here</p>
</div>

<table id="board">
</table>

<script>
var b=[], c=0;
$("#go").click(function () {
    var b=[],
        s = parseInt($("#size").val());

    if (s<3 || s>10) { alert("That is not a valid input. Please select 3-10"); return; }

    $('#board tr').remove();
    $('#alert').text("Your Turn!");

    for(var i=0;i<s;i++){
        var tempArr = [];
        for(var j=0;j<s;j++){ tempArr[j] = ""; }
        b.push(tempArr);
    }

    for (var i = 0; i < s; i++) {
        var $tr = $('<tr />', {id: 'row_' + i }).data('index', i + 1);
        $("#board").append("<tr id='row_" + i + "'>");

        for (var j = 0; j < s; j++) {
            $('<td />', {
                id: 'col_' + j
            }).data('index', j + 1).appendTo($tr);
        }

        $("#board").append($tr);
    }

    $("#board").on('click', 'td', function () {
        var $td = $(this),
            td = $td.data('index'),
            row = $td.parent().data('index');

        if(b[row-1][td-1]!==""){
            alert("Somebody already went there...");
        } else {
            b[row-1][td-1] = "X";
            $td.addClass("check");
            $('#alert').text(b);
        }
    });
});
</script>
</body>
</html>


抽抽搭搭！（还有更多…）
身体{
字体系列：“Lucida控制台”，摩纳哥，monospace；
}
运输署{
填充：0；
保证金：0；
右边框：1px实心#000；
边框底部：1px实心#000；
宽度：100px；
高度：100px；
文本对齐：居中；
字体大小：72px；
}
td：最后一个孩子{
边界权：无；
边框底部：1px实心#000；
}
tr：最后一个孩子td{
边框底部：无；
}
桌子{
填充：25px；
保证金：0自动；
光标：指针；
}
#仪表板{
背景：#CCC；
填充：15px；
边框：1px实心#000；
盒影：0 5px 15px#000；
}
#警觉的{
字体系列：“Courier New”，Courier，“Lucida Sans打字机”，“Lucida打字机”，monospace；
颜色：#F00；
文本对齐：右对齐；
}
.检查{
背景：url（“check.png”）；
}
你的电网有多大？（3-10）


警报在此实时发布

var b=[]，c=0；
$（“#go”）。单击（函数（）{
var b=[]，
s=parseInt（$（“#size”）.val（）；
如果（s10）{alert（“这不是有效的输入。请选择3-10”）；返回；}
$（'#board tr'）。删除（）；
$（“#警报”）.text（“轮到你了！”）；
对于（var i=0；i易于使用CSS

查看此站点




我在Firefox中看不到任何错误，在游戏网格中也看不到任何光标。我也看不到任何护根。有趣的是……可能只是我调试的附加组件……护根是什么意思？这是你开头的一句错字；看起来像是自动完成的失败。我的评论只是一个笑话：）（“护根”是你放在花园里切碎的木头。）巴哈哈，甚至没有看到：-P我甚至在谷歌上搜索了“代码覆盖”，试图发现更多。唉，我被带到了家得宝的一个启动页面。是的，我以前试过。我想这只是我的系统和我的FF附加组件，因为我在其他浏览器中都找不到它。

td{

    cursor:default;
    padding:0;
    margin:0;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    width:100px;
    height:100px;
    text-align:center;
    font-size:72px;
  }