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

 时间: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如何更改语言
  • 简单实矩阵的特征值分解
  • 工程施工选用水泥应该符合哪些规定?
  • 热门搜索
    比熊犬怎么养 怎么在网上找客户 手机无法开机怎么办 怎么制作手机主题 沈阳医学院怎么样 香港鬼片大全 食品名称大全 薯条怎么做才外脆里嫩 正版马会免费资料大全 人工费怎么算