通过象棋程序可以锻炼js编程的布局,位置,拖动div和位置相遇范围能力
方法/步骤
2
先画一个边框 线2 灰色
3
打开firework标尺便于画线
4
为了方便划线把firework网格也打开
5
现在开始画棋盘就方便了,双方先分色,蓝方和黄方画线注意,先画中间线,横的是三条线,竖线是七条线
6
现在把棋盘背景图放到网页上新建一个1.html页面
7
在html增加一个div作为背景用
8
把背景图导出起名字为bg.gif
9
建立一个css文件采用绝对定位position:absolute;背景图设置成象棋图片
10
把css文件引入html文件中
11
现在看看浏览器效果如何
上一篇:云顶飞船棋盘怎么获得?
下一篇:怎样制作动态图片的象棋棋谱