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

 时间:2026-05-03 02:04:49

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如何更改语言
  • 简单实矩阵的特征值分解
  • 工程施工选用水泥应该符合哪些规定?
  • 热门搜索
    茶叶怎么保存 雨是怎么形成的 哪吒怎么读 学生检讨书怎么写 头晕怎么办 clock怎么读 精神分裂症怎么治疗 鱼刺卡喉怎么办 薛佳凝和胡歌怎么回事 嗓子哑了怎么办怎样快速恢复