如何设置电脑主图跟手机主图不一样

1、打开web开发环境 这里是用的是eclipse IDE

2、创建一个项目 或者打开一个已有的web项目  做两张图片（手机版的和电脑版的） 新建js和html文件 目录结构如图所示

3、这是js版本的html代码 首先给body设置一个默认的图片（这里以背景的形式展示）的 移入js文件哦

4、这是js代码 判断设备是手机还是电脑 然后设置不一样的图片即可

5、这是电脑版运行的结果 如图所示

6、这是手机版运行的结果 如图所示

7、这是jquery版本的html代码 要引入jquery库的哦 我这里为了兼容 引入两个jquery文件

8、这是jquery代码 原理和js文件的代码一样  这个比js快一点