实现背景图随着方向键走动，这样可以很好的一部分一部分欣赏图片如果几个图片和在一起，可以欣赏更多，这有点类似真实中的人，随着不停的往前面走，就会欣赏更多的风景这样也给人在地图中走起来效果打下基础
方法/步骤
1
用Netbeans建立一个1.html文件
2
引入css文件，引入jquery
3
html中增加背景图层
4
建立一个css文件
5
这里用一个背景图片
6
导出图片，给背景图起个名字放入网站解析目录
7
css代码给背景层定义样式和引入背景图片
8
默认定义background-position:0px 0px;这里定位背景图位置左上角
9
看看浏览器效果是从左上角显示一小块区域
10
现在定义键盘方向键
11
在javascript代码中加入获取方向键键码
13
在js代码中增加四个方向键对应处理代码框架
14
先处理向上按图片运动具体类似这样处理bg.css({'background-position':“-100px 0px});
15
其他几个方向键也是这样类似处理
16
这里重复操作，抽样成一个函数处理
17
不同方向直接调用函数
18
现在看看浏览器，按下各个键背景图片跟着移动效果
上一篇：在平面设计时如何创建男女工程师图
下一篇：如何通过小程序美化图片？