首先你的图片像素要够高；
然后你图片<img>外面的需要有个div,并且这个div大小定死了；
你操作的时候（事件你可以用点击什么的），改变这个图片的大小和位置（位置你需要调一下你可以用margin、position方法有很多），并且要超出隐藏（overflow:hidden，这个样式是放在你的div标签里面的。）
1、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。
2、然后建立一个html文档，将它和背景图片放到一个文件夹中。
3、编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。
4、就给div设置背景图片。
5、在浏览器中预览会发现图片平铺了，这不是想要的效果。
6、然后可以给div再加上属性，-moz-background-size:100% 100%background-size:100% 100%。
7、这样设置后就会发现背景图片拉伸至100%了。
