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

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条)

相关推荐 更多相似问题