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

 时间:2026-02-15 10:09:39

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快一点 

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

  • 金税三期个人所得税填的收入额是按什么填写呢?应发工资么?需要扣除五险一金么
  • PS5宇宙机器人怎么重新安装
  • xftp如何更改语言
  • 简单实矩阵的特征值分解
  • 工程施工选用水泥应该符合哪些规定?
  • 热门搜索
    鱼刺卡喉咙怎么办 中国结怎么编 怎么改qq密码 莲藕怎么做好吃 期颐怎么读 手脱皮怎么办 脱毛膏怎么用 3m净水器怎么样 讣告怎么写 迷你世界怎么送皮肤