准备的材料有：电脑、浏览器和html编辑器。
1.首先，打开html编辑器并创建一个新的html文件索引.html.
2.在索引.html在<style>选项卡中，输入css代码：div{宽：72px高：72像素背景：url（small3.png）无重复toverflow:隐藏}
3.浏览器正在运行索引.html页面上，此时成功的矩形图像只显示正方形部分。
4.单击小图像后，成功显示大图像。
javascript是所有主流浏览器支持的唯一脚本语言，也是早期javascript的唯一用途。它的主要功能是在不与服务器交互的情况下修改html页面的内容，因此最关键的部分是dom（documentobjectmodel），它是html元素的结构。通过ajax，可以通过javascript从服务器获取并显示html页面，而无需重新加载页面，极大地改善了用户体验。通过javascript，web页面可以发展成胖客户机。
