javascript使背景图运动起来

 时间:2026-02-14 20:39:24

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关攻略
  • 荠菜饺子#新年新招乐过年#
  • 向异世界献上祝福攻略
  • 仓鼠公母怎么分辨。
  • 上海到恩施旅游攻略
  • 热门搜索
    粉蒸肉怎么做 苏康码怎么弄 行车记录仪怎么看回放 temperature怎么读 饺子用英语怎么说 锹怎么读 奠怎么读 韫怎么读 为什么要减肥 为什么会长鸡眼