javascript基础教程.docx

javascript基础教程.docx

《javascript基础教程.docx》由会员分享，可在线阅读，更多相关《javascript基础教程.docx（37页珍藏版）》请在冰豆网上搜索。

javascript基础教程

自己用js写的小游戏，扫雷和五子棋。

将代码保存为html页面。

直接打开便可运行，图片在文档最后（把图片放到和html页面相同的目录下）。

1、扫雷源码

//www.w3.org/1999/xhtml"lang="zh-CN">

800px;height:

600px;background-image:

url（beij.png）;">

absolute;top:

40px;left:

40px;"onclick="saolei（1,1）">

absolute;top:

40px;left:

80px;"onclick="saolei（1,2）">

absolute;top:

40px;left:

120px;"onclick="saolei（1,3）">

absolute;top:

40px;left:

160px;"onclick="saolei（1,4）">

absolute;top:

40px;left:

200px;"onclick="saolei（1,5）">

absolute;top:

40px;left:

240px;"onclick="saolei（1,6）">

absolute;top:

40px;left:

280px;"onclick="saolei（1,7）">

absolute;top:

40px;left:

320px;"onclick="saolei（1,8）">

absolute;top:

40px;left:

360px;"onclick="saolei（1,9）">

absolute;top:

40px;left:

400px;"onclick="saolei（1,10）">

absolute;top:

80px;left:

40px;"onclick="saolei（2,1）">

absolute;top:

80px;left:

80px;"onclick="saolei（2,2）">

absolute;top:

80px;left:

120px;"onclick="saolei（2,3）">

absolute;top:

80px;left:

160px;"onclick="saolei（2,4）">

absolute;top:

80px;left:

200px;"onclick="saolei（2,5）">

absolute;top:

80px;left:

240px;"onclick="saolei（2,6）">

absolute;top:

80px;left:

280px;"onclick="saolei（2,7）">

absolute;top:

80px;left:

320px;"onclick="saolei（2,8）">

absolute;top:

80px;left:

360px;"onclick="saolei（2,9）">

absolute;top:

80px;left:

400px;"onclick="saolei（2,10）">

absolute;top:

120px;left:

40px;"onclick="saolei（3,1）">

absolute;top:

120px;left:

80px;"onclick="saolei（3,2）">

absolute;top:

120px;left:

120px;"onclick="saolei（3,3）">

absolute;top:

120px;left:

160px;"onclick="saolei（3,4）">

absolute;top:

120px;left:

200px;"onclick="saolei（3,5）">

absolute;top:

120px;left:

240px;"onclick="saolei（3,6）">

absolute;top:

120px;left:

280px;"onclick="saolei（3,7）">

absolute;top:

120px;left:

320px;"onclick="saolei（3,8）">

absolute;top:

120px;left:

360px;"onclick="saolei（3,9）">

absolute;top:

120px;left:

400px;"onclick="saolei（3,10）">

absolute;top:

160px;left:

40px;"onclick="saolei（4,1）">

absolute;top:

160px;left:

80px;"onclick="saolei（4,2）">

absolute;top:

160px;left:

120px;"onclick="saolei（4,3）">

absolute;top:

160px;left:

160px;"onclick="saolei（4,4）">

absolute;top:

160px;left:

200px;"onclick="saolei（4,5）">

absolute;top:

160px;left:

240px;"onclick="saolei（4,6）">

absolute;top:

160px;left:

280px;"onclick="saolei（4,7）">

absolute;top:

160px;left:

320px;"onclick="saolei（4,8）">

absolute;top:

160px;left:

360px;"onclick="saolei（4,9）">

absolute;top:

160px;left:

400px;"onclick="saolei（4,10）">

absolute;top:

200px;left:

40px;"onclick="saolei（5,1）">

absolute;top:

200px;left:

80px;"onclick="saolei（5,2）">

absolute;top:

200px;left:

120px;"onclick="saolei（5,3）">

absolute;top:

200px;left:

160px;"onclick="saolei（5,4）">

absolute;top:

200px;left:

200px;"onclick="saolei（5,5）">

absolute;top:

200px;left:

240px;"onclick="saolei（5,6）">

absolute;top:

200px;left:

280px;"onclick="saolei（5,7）">

absolute;top:

200px;left:

320px;"onclick="saolei（5,8）">

absolute;top:

200px;left:

360px;"onclick="saolei（5,9）">

absolute;top:

200px;left:

400px;"onclick="saolei（5,10）">

absolute;top:

240px;left:

40px;"onclick="saolei（6,1）">

absolute;top:

240px;left:

80px;"onclick="saolei（6,2）">

absolute;top:

240px;left:

120px;"onclick="saolei（6,3）">

absolute;top:

240px;left:

160px;"onclick="saolei（6,4）">

absolute;top:

240px;left:

200px;"onclick="saolei（6,5）">

absolute;top:

240px;left:

240px;"onclick="saolei（6,6）">

absolute;top:

240px;left:

280px;"onclick="saolei（6,7）">

absolute;top:

240px;left:

320px;"onclick="saolei（6,8）">

absolute;top:

240px;left:

360px;"onclick="saolei（6,9）">

absolute;top:

240px;left:

400px;"onclick="saolei（6,10）">

absolute;top:

280px;left:

40px;"onclick="saolei（7,1）">

absolute;top:

280px;left:

80px;"onclick="saolei（7,2）">

absolute;top:

280px;left:

120px;"onclick="saolei（7,3）">

absolute;top:

280px;left:

160px;"onclick="saolei（7,4）">

absolute;top:

280px;left:

200px;"onclick="saolei（7,5）">

absolute;top:

280px;left:

240px;"onclick="saolei（7,6）">

absolute;top:

280px;left:

280px;"onclick="saolei（7,7）">

absolute;top:

280px;left:

320px;"onclick="saolei（7,8）">

absolute;top:

280px;left:

360px;"onclick="saolei（7,9）">

absolute;top:

280px;left:

400px;"onclick="saolei（7,10）">

absolute;top:

320px;left:

40px;"onclick="saolei（8,1）">

absolute;top:

320px;left:

80px;"onclick="saolei（8,2）">

absolute;top:

320px;left:

120px;"onclick="saolei（8,3）">

absolute;top:

320px;left:

160px;"onclick="saolei（8,4）">

absolute;top:

320px;left:

200px;"onclick="saolei