这是从http://chessboardjs.com/ 下载的国际象棋代码,怎样修改HTML才能在网页中打开,谢谢
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文件可以直接在浏览器打开,无需运行服务器,效果如下。
安装下iis,把这些拷贝到wwwroot目录下(安装好iis后默认在c盘)
然后打开计算机管理,找到iis服务管理器,启动网站
打开浏览器,输入 http://localhost/chessboard-0.3.0.html
非常感谢!有2个问题:1,用apache-tomcat-7.0.88也可以吧;2,下载的文件没有html文件,这是我加的,这样行吗:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>
<script type="text/javascript" >
var board = new ChessBoard('board');
</script>
参考自:http://chessboardjs.com/releases/0.3.0/chessboardjs-0.3.0.zip
再次感谢!