weixin_42148553 2018-07-07 14:16 采纳率: 100%
浏览 821
已采纳

chessboard.js 下载后怎样使用

这是从http://chessboardjs.com/ 下载的国际象棋代码，怎样修改HTML才能在网页中打开，谢谢图片说明

  • 写回答

3条回答 默认 最新

  • ambit_tsai-微信 2018-07-08 02:22
    关注

    html如下写即可（注：chessboard.js依赖于jQuery，需要额外引入）

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>chessboard</title>
    <link href="css/chessboard-0.3.0.min.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="board" style="width: 400px"></div>
    <script src="jquery.min.js" type="text/javascript"></script>
    <script src="js/chessboard-0.3.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var board = ChessBoard('board', {
            draggable: true     // 启用拖拽功能
        });
        board.start();
    </script>
</body>
</html>

    文件目录如下：

    图片说明
    html文件中需引入chessboard-0.3.0.min.css、jquery.min.js、chessboard-0.3.0.min.js三个文件。
    html文件可以直接在浏览器打开，无需运行服务器，效果如下。

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 Attention is all you need 的代码运行
  • ¥15 一个服务器已经有一个系统了如果用usb再装一个系统，原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时，终端显示出了sequence handled的进度条，但是并不出结果就自动终止回到命令提示行了是怎么回事：
  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加
  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测