javascript使背景图运动起来

 时间:2024-10-15 03:38:40

1、用Netbeans建立一个1.html文件

javascript使背景图运动起来

2、引入css文件,引入jquery

javascript使背景图运动起来

3、html中增加背景图层

javascript使背景图运动起来

4、建立一个css文件

javascript使背景图运动起来

5、这里用一个背景图片

javascript使背景图运动起来

6、导出图片,给背景图起个名字放入网站解析目录

javascript使背景图运动起来

7、css代码给背景层定义样式和引入背景图片

javascript使背景图运动起来

8、默认定义background-position:0px 0px;这里定位背景图位置左上角

javascript使背景图运动起来

9、看看浏览器效果是从左上角显示一小块区域

javascript使背景图运动起来

10、现在定义键盘方向键

javascript使背景图运动起来

11、在javascript代码中加入获取方向键键码

javascript使背景图运动起来

12、在火狐浏览器控制台测试键盘方向键的键码

javascript使背景图运动起来

13、在js代码中增加四个方向键对应处理代码框架

javascript使背景图运动起来

14、先处理向上按图片运动具体类似这样处理bg.css(辘腋粪梯{"background-position":“-100px 0px});

javascript使背景图运动起来

15、其他几个方向键也是这样类似处理

javascript使背景图运动起来

16、这里重复操作,抽样成一个函数处理

javascript使背景图运动起来

17、不同方向直接调用函数

javascript使背景图运动起来

18、现在看看浏览器,按下各个键背景图片跟着移动效果

javascript使背景图运动起来
  • voi第38关攻略
  • 荠菜饺子#新年新招乐过年#
  • 向异世界献上祝福攻略
  • 仓鼠公母怎么分辨。
  • 上海到恩施旅游攻略
  • 热门搜索
    夜空图片大全 北汽绅宝怎么样 宝宝睡前故事大全 栗子怎么煮 糯米粉的做法大全点心 lol怎么查隐藏分 波多野结衣电影大全 纸质手工制作大全 怎么变成瓜子脸 豌豆的做法大全